Vlad

В JS пример есть такой код

var dropdown = $('.dropdown');
var item = $('.item');

item.on('click', function() {
  item.toggleClass('collapse');
  
  if (dropdown.hasClass('dropped')) {
    dropdown.toggleClass('dropped');
  } else {
    setTimeout(function() {
      dropdown.toggleClass('dropped');
    }, 150);
  }
})

То есть, при нажатии на один блок, открываются все. нужно его заменить на этот, должно сработать)

const dropdown = $('.dropdown');

dropdown.on('click', function() {
  $(this).children(".item").toggleClass('collapse');
  
  if ($(this).hasClass('dropped')) {
    $(this).toggleClass('dropped');
  } else {
      $(this).toggleClass('dropped');
  }
})

В чем была ошибка?
Потому что этот код

var dropdown = $('.dropdown');
var item = $('.item');

Содержит все список элементов с такими классами, а здесь:

item.toggleClass('collapse');
  
  if (dropdown.hasClass('dropped')) {
    dropdown.toggleClass('dropped');
  } else {
    setTimeout(function() {
      dropdown.toggleClass('dropped');
    }, 150);
  }

При нажатии все элементы из этого списка изменяются. Поэтому нужно использовать $(this) что-бы получить именно тот элемент, который был нажат.