我试图在面板标题打开时尝试不同的样式,所以我创建了在元素点击时添加的类粗体。如果我一直点击相同的元素,项目切换正确,问题就是当我点击一个不同的元素时,我感觉很好:我希望从上一个中删除该类:
$('.panel').on('click',function(){
$('.collapse').collapse('hide');
$('.collapse',this).collapse('show');
$('.panel-title',this).toggleClass('bold');
});
JsFiddle:https://jsfiddle.net/e909Lndw/6/
答案 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');
}
});