Небольшая доработка аккорден меню, при открытие второго уровня, он закрывает под ним другой, как поправить?

Question

[Антон Вебсайтовский]

Всем привет.
При открытие второго уровня, он закрывает собой раздел ниже, привожу пример на скрине, пытался поправить, пока не понял как.


Как реализовать функционал для второго уровня, щас можно открывать сразу все уровни, а как реализовать так, если я открыл вкладку второго уровня, потом открываю другую, то та что открыта, сворачивается, так реализовано с первым уровнем, второй я пока не осилил.
Привожу пример на скрине, открыто сразу две вкладки второго уровня.


Рабочий пример меню тут:
https://codepen.io/AXOT/pen/NWORWga

Comments

[Максим]

мне кажется что вот таким образом шарится по DOM
this.parentElement.parentElement.classList.contains('active') не правильно...
есть же element.closest("имя родителя с class") вот с ним и работайте

[Антон Вебсайтовский]

Максим, это дефолтный скрипт аккордеона я взял, вот и дорабатываю )

Answer 1

[Антон Вебсайтовский]

Помогли решить с js вопрос

let itmes = $('.list');

itmes.click(function (ev) {
  ev.stopPropagation();
  
  let el = $(this);
  
  itmes
    .not(el)
    .not(el.parent().closest('.active'))
    .removeClass('active');
  
  el.toggleClass('active');
});

Comments

[Антон Вебсайтовский]

Вопросы полностью решены: https://codepen.io/AXOT/pen/NWORWga