改变 header bootstrap 崩溃

Question

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

$('.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');
}

});

改变 header bootstrap 崩溃

change header bootstrap collapse

jquery

collapse

twitter-bootstrap