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

Question

[ESSES1868]

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

<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 обоих блоков?

Answer 1

[FrelFrloich]

const menu = document.querySelectorAll('.menu')
menu.forEach((container) => {
    container.classList.remove('show')
})

впишите перед тем как задать клас