Проблема здесь в том, что когда у меня есть аккордеон внутри другого, когда я открываю первый, он удаляет «свернутый» класс из ссылки, открывающей второй.
В приведенном ниже примере класс находится на элементах .nav-link, которые находятся в аккордеоне .categories-container.
Не знаю, является ли это ошибкой в Bootstrap или нормальным поведением, но я хочу добавить некоторые стили в мои ссылки, когда они открыты, и это делает это невозможным.
Последнее: когда я открываю первый аккордеон (он удаляет «свернутый» класс), а затем открываю и закрываю второй, он добавляет класс «свернутый» к моей ссылке.
<nav class="navbar navbar-light navbar-expand-lg">
<button type="button" data-toggle="collapse"
data-target=".categories-container"> Menu
</button>
</nav>
<div class="categories-container collapse">
<ul class="categories navbar-nav">
<li class="nav-item">
<a class="nav-link collapsed" data-toggle="collapse"
data-target="#mega-menu #category1"> Category1
</a>
</li>
<li class="nav-item">
<a class="nav-link collapsed" data-toggle="collapse"
data-target="#mega-menu #category2"> Category2
</a>
</li>
</ul>
</div>