如何在放入单独的div后从菜单展开div (可折叠)？

<button id="menuButton">菜单按钮</button>
<div id="contentDiv">要展开的内容</div>

#menuButton {
  /* 菜单按钮的样式 */
}

#contentDiv {
  display: none; /* 初始状态隐藏 */
  /* 内容div的样式 */
}

document.getElementById("menuButton").addEventListener("click", function() {
  var contentDiv = document.getElementById("contentDiv");
  if (contentDiv.style.display === "none") {
    contentDiv.style.display = "block"; // 显示内容div
  } else {
    contentDiv.style.display = "none"; // 隐藏内容div
  }
});