ブートストラップナビのすべてのドロップダウンを同時に表示する

Question

私はブートストラップナビゲーションバーを持っています。私は多くのサブ要素を持つドロップダウンulを持つ5つのli要素を持っています。

カテゴリタイトルのいずれかをクリックしてドロップダウンメニューを表示すると同時に、それらをすべて表示させたいとします。したがって、最初のliがクリックされた場合は、残りのすべてのドロップダウンも切り替える必要があります。

これは私のコードのサンプルだろうと私は李クラスのドロップダウンのいずれかがcickedされたときに表示するようにdropownメニュークラスで両方のULをしたいと思います：

<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

ホープこれはあなたが探してソリューションです。