如何使用JavaScript在点击时切换隐藏的div？

<div id="myDiv" style="display: none;">
  <!-- 要隐藏的内容 -->
</div>

var myDiv = document.getElementById("myDiv");
var toggleButton = document.getElementById("toggleButton");

toggleButton.addEventListener("click", function() {
  // 切换div的显示状态
});

toggleButton.addEventListener("click", function() {
  if (myDiv.style.display === "none") {
    myDiv.style.display = "block"; // 显示div
  } else {
    myDiv.style.display = "none"; // 隐藏div
  }
});