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

Question

[kukushka97]

Необходимо реализовать сворачивание элементов списка, но сворачиваются все элементы с классом 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(event) {
      event.preventDefault();

          let close = $(this).parents('.list_item')

    Turning(close);
      
    });

Comments

[Антон Литвиненко]

Я не сильно силен в js, но с большой буквы принято называть функции конструкторы. Ваша функция не принимает аргументы, которые вы пытаетесь ей передать.
Собственно все что она делает это меняет класс у всех элементов text_item. И у всех стрелочек

Answer 1

[Lynatik001]

ну во 1 кучу проверок и тдп- можно заменить на 1 строчку. elem.classList.toggle("display");
она добавляет или уберает класс. - если он есть у тега - удаляет, если нету - добавляет. и не надо будет кучи проверок. ну а по поводу вопросса. то, да у вас же для всех добавляется. надо уметь добавлять конкретно тому на который кликаешь

if (text.is(':visible')){
text.addClass('display');
$('.arrow_down').removeClass('rotate');
}
else {
text.removeClass('display');
$('.arrow_down').addClass('rotate');
}
}

Comments

[kukushka97]

А как добавить класс только на элемент, по которому происходит клик?

[Lynatik001]

kukushka97, используйте this

$('.card--content').on('click', 'a', function(){ $(this).parent().addClass('clicked');});