隐藏/显示内容-仅CSS

<button onclick="toggleContent()">点击切换内容</button>
<div id="content" style="display: none;">
  隐藏的内容
</div>

<script>
function toggleContent() {
  var content = document.getElementById("content");
  if (content.style.display === "none") {
    content.style.display = "block";
  } else {
    content.style.display = "none";
  }
}
</script>

<button onclick="toggleContent()">点击切换内容</button>
<div id="content" style="visibility: hidden;">
  隐藏的内容
</div>

<script>
function toggleContent() {
  var content = document.getElementById("content");
  if (content.style.visibility === "hidden") {
    content.style.visibility = "visible";
  } else {
    content.style.visibility = "hidden";
  }
}
</script>

<button onclick="toggleContent()">点击切换内容</button>
<div id="content" style="opacity: 0;">
  隐藏的内容
</div>

<script>
function toggleContent() {
  var content = document.getElementById("content");
  if (content.style.opacity === "0") {
    content.style.opacity = "1";
  } else {
    content.style.opacity = "0";
  }
}
</script>