Bootstrap手风琴：折叠除父级以外的所有内容答案

【问题标题】：Bootstrap accordion: collapse all except parentBootstrap手风琴：折叠除父级以外的所有内容
【发布时间】：2016-11-10 08:23:23
【问题描述】：

我在同一页面中有多个手风琴。其中一些在另一个手风琴里面。

单击一个面板时，我需要关闭所有打开的面板。这很简单：

$('.panel-group').on('show.bs.collapse', function (event) {
    $('.collapse.in').collapse('hide');
});

但我需要检查面板是否不是单击面板的父级。我该怎么做？

我的问题的一个例子：http://codepen.io/anon/pen/RRkBJw?editors=1010

【问题讨论】：

你能展示你的 HTML 吗？
@makshh 这是众多手风琴之一，里面还有另一个手风琴pastebin.com/BtKNxYGf
"但是我需要检查面板是否不是被点击面板的父面板。"你能更详细地解释一下吗？抱歉，我没听懂。
@makshh 我在 CodePen 上创建了一个示例。如何在不关闭主标题的情况下打开子项目 2？

标签： javascript jquery twitter-bootstrap

【解决方案1】：

嵌套手风琴也有类似的问题。以下答案可能会有所帮助。请参阅this 答案/问题。

【讨论】：

【解决方案2】：

找到解决办法：

$('.panel-group').on('show.bs.collapse', function (event) {
    var parent = $(event.target).parents('.collapse.in');
    $('.collapse.in').not(parent).collapse('hide');
});

【讨论】：