Bootstrap手风琴：折叠除父级外的所有

Question

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

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

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

但是我需要检查面板是否不是所单击面板的父级。 我怎样才能做到这一点？

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

Answer 1

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

Answer 2

找到一个解决方案：

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