引導程序崩潰一次只能看到一個

Question

我正在使用bootstrap 崩潰 ，該崩潰將在單擊相關按鈕時顯示。 問題是這些崩潰無法相互配合。 我希望一次只顯示一次崩潰並隱藏所有其他崩潰。

雖然可以使用手風琴示例，但不能在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');})