Bootstrap崩潰只有一個打開

我有2個無序列表，我想當一個打開另一個關閉。現在我可以單獨打開2，我不想那樣，只能同時打開1。Bootstrap崩潰只有一個打開

可以幫忙嗎？

<li class="parent " data-toggle="collapse" href="#sub-item-1"> 
      <a href="#"> 
       <span class="glyphicon glyphicon-list"></span> Criar Documento <span class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
      </a> 
      <ul class="children collapse" id="sub-item-1"> 
       <li> 
        <a class="" href="#"> 
         <span class="glyphicon glyphicon-share-alt"></span> Sub Item 1 
        </a> 
       </li> 

      </ul> 
     </li> 

<li data-toggle="collapse" href="#sub-item-2" class="parent "> 
      <a href="#"> 
       <span class="glyphicon glyphicon-list"></span> Dropdown <span class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
      </a> 
      <ul class="children collapse" id="sub-item-2"> 
       <li> 
        <a class="" href="#"> 
         <span class="glyphicon glyphicon-share-alt"></span> Sub Item 1 
        </a> 
       </li> 
      </ul> 
     </li>

來源

2015-10-19 caocrodilo

你沒有這兩個下拉菜單，你有兩個具有'collapse'數據切換控件的無序列表項。您可以安排從jQuery自定義代碼恢復崩潰效果。 –

而PHP與您的問題無關，因此我將標籤移除。 –

你可以做到這一點通過定義數據父所有菜單項。

類似的東西來：

data-parent="#accordion"

例小提琴： http://jsfiddle.net/s4je5b0y/

外部資源（從引導官方文檔拍攝）： http://getbootstrap.com/javascript/#collapse

來源

2015-10-19 14:33:29 Artipixel

http://s2.postimg.org/keonckd2h/menu.png Didnt work – caocrodilo

請確保您使用正確的屬性，請查看小提琴/ bootstrap文檔。如果你這樣做，它應該工作。鏈接將會有用。 – Artipixel

Bootstrap崩潰只有一個打開

回答

相關問題