Limit jQuery переключается только на один аккордеон

Question

Итак, есть страница, над которой я работаю, которая содержит несколько аккордеонов. Вы можете проверить это прямо здесь:

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

Если нажать на одну из аккордеона, вы можете заметить все стрелки шеврон анимированы одновременно. ¿Как я могу ограничить мой 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"); 
});