同时使Bootstrap导航显示的所有下拉列表

Question

我有一个引导导航栏，并且我有5个li元素，下拉ul和许多子元素。

我想让他们全部同时显示，当你点击任何类别标题来显示下拉菜单。因此，如果点击第一个点，我希望所有其他下拉列表都可以切换。

这将是我的代码示例，我想这两个UL与dropown菜单类显示当任丽类下拉是cicked：

<ul class="nav navbar-nav navbar-right"> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Category A</a> 
         <ul class="dropdown-menu"> 
          <li><a href="#">1</a></li> 
          <li><a href="#">2</a></li> 
          <li><a href="#">3</a></li> 
         </ul> 
        </li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Category B</a> 
         <ul class="dropdown-menu"> 
          <li><a href="#">A</a></li> 
          <li><a href="#">B</a></li> 
          <li><a href="#">C</a></li> 
         </ul> 
        </li> 
</ul> 

非常感谢！

Answer 1

以下是您的解决方案。在下拉菜单中使用自己的自定义代码是一个覆盖引导事件。您实际上只是捕获.nav li.dropdown的on('click')，然后遍历所有下拉列表以切换引导程序使用的开放类。

这里是一个示例代码来帮助。

https://codepen.io/Nasir_T/pen/ZJyBpw

希望这是你寻求的解决方案。