@z_u_q

Как сделать чтобы при клике по определенному пункту, остальные скрывались?

Как сделать, сохраняя текущую структуру вёрстки, чтобы при клике на пункт "Товары 1" пункты "Товар 1-4" скрывались, при клике на "Товары 2" скрывался пункт "Товар 21", а при клике на пункт "Товары 1" скрывались пункты "Товар 31-36"?

Ссылка на пример
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
.tags li.hidden {
  display: none;
}

document.querySelectorAll('.tags b').forEach(n => {
  n.closest('li').classList.add('xxx');
  n.addEventListener('click', onClick);
});

function onClick(e) {
  for (
    let el = e.target.closest('li');
    (el = el.nextElementSibling) && !el.classList.contains('xxx');
    el.classList.toggle('hidden')
  ) ;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы