两次隐藏/显示事件启动时引导崩溃

Question

我正在使用一组bootstrap崩溃元素，这些元素分组在另一个崩溃中。我正在使用JQuery捕获显示和隐藏事件，以使折叠上的项目符号标记动起来，使其在关闭时指向侧面，在打开时指向下方。我正在使用以下代码进行

$('.panel-collapse').on('show.bs.collapse', function () {
    var panel = $(this).attr('id');
    $('a[href="#' + panel + '"] span.resource-bullet').addClass('resource-bullet-transform');
});

这有效，但是当我在另一个折叠中有一个折叠时，show.bs.collapse或hide.bs.collapse被调用两次，一次被调用，另一次被父折叠调用。我尝试将.panel-collapse更改为child-panel-collapse和parent-panel-collapse，但是当我显示或隐藏任何子折叠时，父折叠的子弹也会动画。

这是在其他塌陷中包含塌陷元素所固有的，还是我做错了什么？我该如何避免这种情况发生？