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>

你没有这两个下拉菜单，你有两个具有'collapse'数据切换控件的无序列表项。您可以安排从jQuery自定义代码恢复崩溃效果。 –

而PHP与您的问题无关，因此我将标签移除。 –

答

你可以做到这一点通过定义数据父所有菜单项。

类似的东西来：

data-parent="#accordion"

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

外部资源（从引导官方文档拍摄）： http://getbootstrap.com/javascript/#collapse

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

请确保您使用正确的属性，请查看小提琴/ bootstrap文档。如果你这样做，它应该工作。链接将会有用。 – Artipixel

Bootstrap崩溃只有一个打开

相关推荐