我是Jquery的新手，我只想在手风琴折叠时改变我的自举手风琴的 Headers 风格（并在手风琴关闭时回归到我的开始风格） .

我想改变的是'font-weight'（浅色到粗体）和 Headers 的颜色 .

我试图只使用css：.titleClass：collapsed {color：black; font-weight：bold;但它反过来行动：它在关闭时放入我的新风格，并在打开时达到我的原始风格（多么奇怪） .

所以我决定使用Jquery . 这是我遇到的问题：使用简单的选择器时我会在折叠时更改 Headers 样式，但它不希望在关闭时返回到我的原始样式 .

非常感谢帮助我 . 我在整个代码的评论中放了一个jsfid .

这是我的js：

$(function() {
    $('#headingOne').click(function(){
    $('.grey-letters').css({'font-weight':'bold', 'color':'black'});
    });
    if('.collapsed'){
        $('.grey-letters').css({'font-weight':'100', 'color':'grey'});
    }

}）;

jquery css