通过单击其他菜单项隐藏另一个下拉菜单

<div class="menu">
  <button onclick="toggleMenu('menu1')">菜单1</button>
  <div id="menu1" class="dropdown-menu">
    <a href="#">选项1</a>
    <a href="#">选项2</a>
    <a href="#">选项3</a>
  </div>
</div>

<div class="menu">
  <button onclick="toggleMenu('menu2')">菜单2</button>
  <div id="menu2" class="dropdown-menu">
    <a href="#">选项4</a>
    <a href="#">选项5</a>
    <a href="#">选项6</a>
  </div>
</div>

.dropdown-menu {
  display: none;
}

.show {
  display: block;
}

function toggleMenu(menuId) {
  var menu = document.getElementById(menuId);
  menu.classList.toggle("show");
}