Мне нужна помощь для сброса класса переключателя при совместном использовании компонентов Toggle и Dropdown в навигационной панели.
Я использую компонент Dropdown, чтобы открыть dropdown-pane под моими навигационными ссылками.При этом используется атрибут data-toggle.Я также хотел бы использовать атрибут data-toggle, чтобы изменить значок (стрелка вниз на X и стрелка назад на стрелку вниз) в элементе :after самой навигационной ссылки.
Кажется, что нет способа объединить их и легко переключать значки при нажатии между (или выключенными) навигационными ссылками ... значок остается в «X» состоянии.
Я пишу это в PUG:
div(data-toggle="industries")
a.nav-primaryLink.arrow-end#industries(data-toggle="industries-menu" data-toggler=".nav-primaryLink-close") Industries
.dropdown-pane#industries-menu(data-dropdown data-position="bottom" data-alignment="center" data-close-on-click="true" data-parent-class="row")
| [DROPDOWN PANE CONTENT]
Объединение атрибутов data-toggle, таких как data-toggle="industries industries-menu", также не работает ... выпадающий список не сработает.
См. Рабочий пример здесь:
https://www.dannylewandowski.com/_cog-DEV/_PROTOTYPING/Components/build/Navigation.html
Любая помощь будет принята с благодарностью!