HTML代码:

<button id="toggle-btn">显示/隐藏</button>
<div id="content">这是要显示和隐藏的内容</div>

JS代码:

var toggleBtn = document.getElementById("toggle-btn");
var content = document.getElementById("content");

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

CSS代码:

#content {
  display: none;
}

效果:点击按钮可以显示或隐藏idcontent的元素。


原文地址: https://www.cveoy.top/t/topic/8S3 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录