@ESSES1868

JS-код для нескольких раскрывающихся меню. Как?

У меня есть такой код для раскрывающегося меню:

<script>
function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
}
window.onclick = function(event) {
  if (!event.target.matches('.css-блока')) {

    var dropdowns = document.getElementsByClassName("css-меню");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}
</script>

Я хочу сделать 2 разных меню. С таким кодом, если одно меню открыто, то второе открывается без закрытие первого. Хочу, чтобы первое закрывалось, при открытии второго. Как поступить?

И еще: как указать css обоих блоков?
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 1
@FrelFrloich
const menu = document.querySelectorAll('.menu')
menu.forEach((container) => {
    container.classList.remove('show')
})


впишите перед тем как задать клас
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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