Twitter bootstrap 当另一个div打开时关闭一个div-引导

我正在使用bootstrap原生折叠功能bootstrap:collapse.js v3.0.2在按下按钮时打开div。它工作得很好，但我希望一个div在另一个div打开时关闭。目前，正如bootstrap设计的那样，一个按钮控制特定div的切换。如果我想让一个按钮控制一个部分，这是很好的，但是我想知道是否有办法在我的按钮列表中创建一个任意按钮，在打开其各自的div之前关闭任何打开的div

我已经在Bootstrap.js文件中查看了这个代码*Bootstrap:collapse.js v3.0.2*，但是我想不出我们该怎么做

是否有人能为我指出正确的方向，帮助我确定需要做什么才能获得我想要的功能

This is the URL to the page I'm developing where you can see the buttons working: http://23.229.158.126/orangecounty-coolsculpting.com/about-orange-county-dualsculpting.html

我不知道是否需要向文件中添加更多代码，或者是否可以调用引导数据属性来完成这项工作

我研究过这一页：

谢谢,， 迈克

正如我所知，使用引导数据属性无法实现所需

因此，您可以只添加自定义数据属性并添加一些自定义javascript来处理它：

我使用了以下数据属性：

数据折叠组

以及以下javascript：

$("[data-collapse-group='myDivs']").click(function () {
    var $this = $(this);
    $("[data-collapse-group='myDivs']:not([data-target='" + $this.data("target") + "'])").each(function () {
        $($(this).data("target")).removeClass("in").addClass('collapse');
    });
});

---

这将适用于不同的折叠元素组，而无需再添加任何js

只需将数据属性

data collapse group

（带有适当的值）添加到组中展开和折叠的元素，而不是按钮，然后添加以下js

$（“[data collapse group]”）on（'show.bs.collapse'，function（）{
var$this=$（this）；
var thisCollapseAttr=$this.attr（'data-collapse-group'）；
$（“[数据折叠组='”+thisCollapseAttr+“']”）。不是（$this.collapse（'hide'））；
});

Nicolai，我将你的javascript添加到我的页面中，并按照你的建议将新的数据属性添加到我的按钮中，效果非常好！我发现这比上面选择的答案更清楚，写得更好。不过，我认为这是基于此，所以我把两者都投了更高的票@不久前，我尝试了你的解决方案，如

等等，但似乎无法使它工作。就好像脚本根本没有加载……有什么想法吗？下面是一个例子-