如何用另一个按钮隐藏DIV而不是显示它的按钮？

<div id="myDiv">这是需要隐藏的DIV内容</div>

#myDiv {
  display: none;
}

<button id="hideButton">隐藏DIV</button>
<button id="showButton">显示DIV</button>

var hideButton = document.getElementById("hideButton");
var showButton = document.getElementById("showButton");
var myDiv = document.getElementById("myDiv");

hideButton.addEventListener("click", function() {
  myDiv.style.display = "none";
});

showButton.addEventListener("click", function() {
  myDiv.style.display = "block";
});