bootstrap崩溃一次只能看到一个

Question

我正在使用bootstrap collapse，点击相关按钮时会显示。问题是这些崩溃不能相互促进。我希望一次只显示一次崩溃并隐藏所有其他崩溃。

虽然Accordion示例可用，但它不适用于button.i我在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>

我如何一次只展示一个崩溃。

Answer 1

试试这个：

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