Ссылка на боковую панель не работает должным образом в складном меню

Question

Итак, у меня есть складное боковое меню со следующей структурой:

<ul>
    <li class="<?= ($url == 'associazione') ? 'colorlib-active' : '' ?>">
        <a class="collapsed" href="#association" aria-expanded="false" data-toggle="collapse">Association</a>
        <div class="collapse" id="association">
            <ul class="ml-3">
                <li><a href="/a">A</a></li>
                <li><a href="/b">B</a></li>
                <li><a href="/c">C</a></li>
                <li><a href="/d">D</a></li>
            </ul>
        </div>   
    </li>
</ul>

, это хорошо работает, если структура URL: https://mywebsite.com, но когда я нажимаю на вложенный элемент, предположим, /a то меню больше не будет расширяться, потому что новый URL будет:

https://mywebsite.com/a#association

как я могу это исправить?