如何在不透明度增加的情况下在按钮单击时转换div？

<button id="btn">点击按钮</button>
<div id="myDiv">要转换的内容</div>

#btn {
  opacity: 1;
}

#myDiv {
  opacity: 0;
  transition: opacity 0.5s ease;  /* 添加过渡效果 */
}

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

btn.addEventListener("click", function() {
  if (myDiv.style.opacity === "0") {
    myDiv.style.opacity = "1";
  } else {
    myDiv.style.opacity = "0";
  }
});