如何在单击同一按钮时显示或隐藏div？

<button id="toggleButton">点击切换显示</button>

<div id="content" style="display: none;">
  这是要显示/隐藏的内容
</div>

var button = document.getElementById("toggleButton");
var content = document.getElementById("content");

button.addEventListener("click", function() {
  if (content.style.display === "none") {
    content.style.display = "block";
  } else {
    content.style.display = "none";
  }
});