Olá, sou iniciante no jquery e tenho o seguinte problema: Tenho um mesmo elemento que se repete várias vezes na página, e quando eu clico sobre ele preciso executar uma função. Porém a função está sendo executada para todos os elementos que possuem essa classe. Gostaria que a função fosse executada apenas para o elemento que eu cliquei, independente de ter outros com a mesma classe. Vejam meu jquery aqui:
const details = $('.open-details');
const additional = $('.additional-texts');
details.each(function(){
$(this).on('click', function(event){
if (additional.hasClass('open')) {
additional.slideUp("slow");
$('.arrow').css('transform', 'rotate(0deg)');
} else {
additional.slideDown("slow");
$('.arrow').css('transform', 'rotate(180deg)');
}
additional.toggleClass('open');
});
});
Gostaria que quando clicasse na div 'details' acionasse o restante da função. Fiz assim mas ele executa para todas as divs 'details' presentes na página. Qualquer ajuda é bem vinda :)