将jQuery切换限制为仅影响一个手风琴

Question

所以有一个我正在研究的页面，其中包含几个手风琴。你可以在这里查看：

http://leda.rewind9.com/impact/admissions-data/

如果你点击其中一支手风琴，你会发现所有的V形箭头都是同时动画的。 ¿如何限制我的toggleClass只影响我点击的手风琴？

这是我的代码：

$('.panel-heading').click( function() {
    $(".fa-chevron-right.rotate").toggleClass("down");
} );

非常感谢你的帮助！

Answer 1

这是因为您选择了所有.fa-chevron-right.rotate而不是您点击的那个。

以下代码应该可以解决问题。

$('.panel-heading').click( function() {
    $(this).find(".fa-chevron-right.rotate").toggleClass("down");
});