在导航栏中同时使用Toggle和Dropdown组件时，我需要重置触发器类的帮助。
我正在使用下拉菜单组件在导航链接下方打开一个dropdown-pane。这使用data-toggle属性。我还想使用data-toggle属性来更改导航链接本身的:after元素中的图标（向下箭头X并返回向下箭头）。
似乎没有一种方法可以将它们组合在一起，并在导航链接之间（或从导航链接之间单击）时轻松切换图标...图标保持卡在“ 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
任何帮助将不胜感激！