Не получается развернуть список и завернуть его обратно, использовал javascript, css, html onclick. Код прилагаю

Question

Не получается развернуть список и завернуть его обратно, использовал javascript, css, html onclick. Код прилагаю

Alex Ball Ученик (120), на голосовании 1 год назад

Вот 1 скрин это список который надо закрыть, 2 это css , 3 - java script, 4 список на сайте как выглядит, 5 это скрин когда нажимаю чтобы развернуть, 6 когда завернуть, вроде код меняется а на экране ничего. Помогите пожалуйста!

Answer 1

Код JS

 document.addEventListener('DOMContentLoaded', function () { 
  let catMenu = document.querySelector('cat_menu'); 
  let catMenuTitle = document.querySelector('.cat_menu_title'); 
 
  catMenuTitle.addEventListener('click', function () { 
    catMenu.classList.toggle('active'); 
  }); 
});

Код CSS

 .cat_menu { 
  display: none; 
} 
 
/* Отображение списка при наличии класса "active" */ 
.cat_menu.active { 
  display: block; 
}

onclick=toggleMenu() из разметки можно убрать