bootstrap 崩溃一次只能看到一个答案

【问题标题】：bootstrap collapse visible only one at a timebootstrap 崩溃一次只能看到一个
【发布时间】：2015-06-13 06:04:20
【问题描述】：

我正在使用引导程序collapse，单击相关按钮时将显示该程序。问题是这些崩溃不能相互工作。我希望一次只显示一个折叠并隐藏所有其他折叠。

虽然 Accordion 示例可用，但它不适用于按钮。我是 bootstrap 中的新手，可能是我做错了方式。

这是我的jsfiddle

<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExampleTwo" aria-expanded="false" aria-controls="collapseExampleTwo">
  Button with data-target
</button>

<div class="collapse" id="collapseExampleTwo">
  <div class="well">
      <div><p>2nd div</p></div>    
  </div>
</div>

我如何一次只显示折叠一个。

【问题讨论】：

根据您的要求使用 Accordion，并相应地设置您的手风琴标签的样式。
按钮不能实现吗？

标签： javascript jquery twitter-bootstrap collapse

【解决方案1】：

试试这个：

$('.btn-primary').on('click',function(){$('.collapse').collapse('hide');})

【讨论】：