Javascript 在引导过程中崩溃时动态更改活动链接类

我希望使我的代码对于每个折叠项都是动态的

现在，我必须为每个折叠项添加JQuery代码来更改活动链接。我希望通过某种方式，我不必在添加链接时添加任何额外的代码

这是HTML 它工作得很好，但我只是希望使我的JS代码动态

谢谢

类似于：

$('.panel-collapse').on('show.bs.collapse',function(){
    $(this).prev('.panel-heading').find('.panel-title').addClass("active-panel");
});

$('.panel-collapse').on('hide.bs.collapse',function(){
    $(this).prev('.panel-heading').find('.panel-title').removeClass("active-panel");
});

要避免ID中的硬接线，但取决于HTML结构，例如：

$('.panel-collapse').on('show.bs.collapse',function(){
    $(this).prev('.panel-heading').find('.panel-title').addClass("active-panel");
});

$('.panel-collapse').on('hide.bs.collapse',function(){
    $(this).prev('.panel-heading').find('.panel-title').removeClass("active-panel");
});

避免ids中的硬连接，但依赖于HTML结构

$('.panel-collapse').on('show.bs.collapse',function(){
    $(this).prev('.panel-heading').find('.panel-title').addClass("active-panel");
});

$('.panel-collapse').on('hide.bs.collapse',function(){
    $(this).prev('.panel-heading').find('.panel-title').removeClass("active-panel");
});