如何在单击另一个菜单项时切换菜单

<div id="menu">
  <div id="item1" onclick="toggleMenu('item1')">菜单项1</div>
  <div id="item2" onclick="toggleMenu('item2')">菜单项2</div>
  <div id="item3" onclick="toggleMenu('item3')">菜单项3</div>
</div>

function toggleMenu(itemId) {
  var item = document.getElementById(itemId);
  if (item.style.display === 'none') {
    item.style.display = 'block';
  } else {
    item.style.display = 'none';
  }
}

#menu {
  background-color: #f1f1f1;
  padding: 10px;
}

#menu div {
  padding: 5px;
  cursor: pointer;
}

#menu div:hover {
  background-color: #ddd;
}