如何将我的按钮改为，而不是将div从可见更改为不可见，以执行相反的操作？
如何将我的按钮改为，而不是将div从可见更改为不可见，以执行相反的操作？
提问于 2018-07-29 21:42:09
我有一个按钮可以改变div的可见性。它会将它从可见变为隐藏，然后在每次按下时返回。如何使div保持隐藏状态，并使按钮在按下时显示它。
<script>
function Hide() {
var x = document.getElementById("box");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script>
<button id="Hidden" onclick="Hide()">Click me</button>
<div id="box">
Sample text.
</div>
Stack Overflow用户
发布于 2018-07-29 22:32:34
CSS - #box{display: none} //this will keep the element hidden on page load
function toggle() {
var state = document.getElementById("box").style.display;
if (state === "none") {
state = "block";
} else {
state = "none";
}
}
<button id="Hidden" onclick="toggle()">Click me</button>
<div id="box">
Sample text.
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51580905
复制相关文章
相似问题
腾讯云开发者
