Question

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

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

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

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

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

Answer 1

我遇到了嵌套手风琴的类似问题。以下答案可能有所帮助。请参阅this回答/问题。

Answer 2

找到解决方案：

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

Bootstrap手风琴：除了父

2 个答案: