如何在屏幕上一次只顯示切換可見

Question

我正在使用引導切換，它將展開和摺疊。但我有兩個在屏幕上。我不想讓他們兩人一次被看到。這是在一個時間點，只有一個切換可以顯示，並且如果用戶點擊另一個切換，前一個切換應該摺疊。我不知道內部是如何工作的，因爲我正在使用的是一個類名。如何通過jquery控制這個。任何幫助，將不勝感激。

這裏是我的代碼有

<div class="col-md-2 col-sm-2 options " data-toggle="collapse" data-target="#demo"> 
</div> 
<div id="demo" class="collapse"> 
</div> 


<div class="col-md-2 col-sm-2 options " data-toggle="collapse" data-target="#demo1"> 
</div> 
<div id="demo1" class="collapse"> 
</div> 

Answer 1

我認爲你正在尋找這樣的：

http://getbootstrap.com/javascript/#collapse-example-accordion