Bootstrap崩溃，如何扩展和关闭所有面板

Question

我有一个折叠按钮并展开所有三个面板togheter

<button data-toggle="collapse" data-target="#collapseOne-1,#collapseTwo-1,#collapseThree-1" ...></button>

<div id="#collapseOne-1" class="collapse in"></div>    <div id="#collapseTwo-1" class="collapse in"></div>    <div id="#collapseThree-1" class="collapse in"></div>

问题是，如果其中一个面板已经折叠，它将会展开，反之亦然。 但是，当我点击按钮时，我总是想要一起扩展或关闭所有这些。

你知道怎么做吗？

Answer 1

我使用此代码一次折叠所有面板：

$("#buttonid").click(function(){
 $('.collapse').collapse('hide');
});

基本上上面的代码所做的是使所有具有折叠类的元素都可以折叠，然后隐藏它们中的每一个。 要显示每个面板，您应该使用此代码：

    $("#buttonid").click(function(){
 $('.collapse').collapse('show');
});

您还应该阅读此内容以获取更多信息：Bootstrap Doc's