当按下另一个不同选项的按钮时，如何隐藏菜单按钮中的额外选项？

// HTML部分
<button id="menuButton">菜单按钮</button>
<div id="extraOptions">额外选项</div>
<button id="anotherButton">另一个按钮</button>

// JavaScript部分
var menuButton = document.getElementById("menuButton");
var extraOptions = document.getElementById("extraOptions");
var anotherButton = document.getElementById("anotherButton");

function hideExtraOptions() {
  extraOptions.style.display = "none";
}

function showExtraOptions() {
  extraOptions.style.display = "block";
}

// 当点击菜单按钮时，显示额外选项
menuButton.addEventListener("click", showExtraOptions);

// 当点击另一个按钮时，隐藏额外选项
anotherButton.addEventListener("click", hideExtraOptions);