更改标题引导程序折叠

Question

我试图在面板标题打开时为其设置不同的样式，因此我创建了在元素单击时添加的类粗体。如果我继续点击同一个元素，一切都很好，该项目正确切换，问题是当我点击不同的元素时：我希望从前一个元素中删除该类：

$('.panel').on('click',function(){ 
$('.collapse').collapse('hide');
$('.collapse',this).collapse('show');
$('.panel-title',this).toggleClass('bold');
});

JsFiddle：https://jsfiddle.net/e909Lndw/6/

Answer 1

我确信这不是最好的解决方案，但它确实有效。

$('.panel').on('click',function(){ 
$('.collapse').collapse('hide');
$('.collapse',this).collapse('show');

$('.panel-title').removeClass('bold');
$('.panel-title',this).toggleClass('bold');

if($('[aria-expanded = "true"]',this).val() === undefined)
{
    $('.panel-title',this).removeClass('bold');
}

});