如何在屏幕中一次只显示切换

Question

我正在使用bootstrap切换，它将展开和折叠。但我在屏幕上有两个。我不希望一次看到它们。这是在一个时间点，只能显示一个切换，如果用户点击另一个切换，则前一个切换应该崩溃。我不知道内部是如何工作的，因为我所使用的只是一个类名。如何通过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