Bootstrap手风琴仅在折叠时更改标题样式

Question

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

我想改变的是'font-weight'（浅色到粗体）和标题的颜色。

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

所以我决定使用Jquery。 这是我遇到的问题： 使用简单的选择器，我在折叠时更改标题样式，但在关闭时不希望恢复原始样式。

非常感谢帮助我。 我为整个代码添加了一个jsfid注释。

这是我的js：

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

}）;