如何在屏幕上一次只显示切换可见

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