引导程序崩溃一次只能看到一个

bootstrap collapse visible only one at a time

本文关键字:一个 一次 崩溃 引导程序      更新时间:2023-09-26

我正在使用引导折叠,单击相关按钮时会显示该折叠。问题是这种崩溃并不相互作用。我希望一次只显示一个崩溃,并隐藏所有其他崩溃。

虽然Accordion的例子是可用的,但它不会在按钮上工作。我是一个新手,也许我做得不对。

这是我的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>

我是如何一次只显示一个崩溃的。

试试这个:

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