Javascript 引导手风琴：折叠除父项以外的所有项

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

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

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

---

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

---

我的问题的一个例子是：

我在嵌套手风琴方面也有类似的问题。下面的答案可能会有所帮助。参见答案/问题。

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

找到了解决方案：

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

找到了一个解决方案：

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

---

你能显示你的HTML吗？@makshh这是许多手风琴中的一个，里面有另一个手风琴，“但我需要检查面板是否不是单击面板的父级。”你能详细解释一下吗？对不起，我不明白。@makshh我在CodePen上创建了一个示例。如何在不关闭主标题的情况下打开子项2？你能显示你的HTML吗？@makshh这是许多手风琴中的一个，里面有另一个手风琴“但我需要检查面板是否不是单击面板的父级”。你能更详细地解释一下吗？对不起，我不明白。@makshh我在CodePen上创建了一个示例。如何在不关闭主标题的情况下打开子项2？