限制 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");
});