Почему сворачиваются все элементы с одинаковыми классами?

Question

[kukushka97]

По нажатию на стрелочку arrow_down на сайте сворачиваются все элементы с классом item_text. А нужен чтоб сворачивался(и разворачивался соответственно) тот контейнер, по стрелочке которого был произведен клик. Каков самый простой способ это исправить?

function turning() {
    var text = $('.item_text');
    if (text.is(':visible')){
     text.addClass('display');
     $('.arrow_down').removeClass('rotate');
    }
    else {
    text.removeClass('display');
    $('.arrow_down').addClass('rotate');
    }
  } 



   $('body').on('click', '.arrow_down', function() {

    turning(close);
      
    });

Comments

[DanKud]

$('body').on('click', '.arrow_down', function () {
    $(this).parents('.list_item').find('.item_text').toggleClass('display');
    $(this).toggleClass('rotate');
});

Answer 1

[Михаил Мингареев]

почитайте про использование ключевого слова this (контекст), я думаю это то что вам нужно