更改标头引导程序崩溃

时间:2018-02-21 11:36:07

标签: jquery twitter-bootstrap collapse

我试图在面板标题打开时尝试不同的样式,所以我创建了在元素点击时添加的类粗体。如果我一直点击相同的元素,项目切换正确,问题就是当我点击一个不同的元素时,我感觉很好:我希望从上一个中删除该类:

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

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

1 个答案:

答案 0 :(得分: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');
}

});