[英]How to hide or show div on click?
我正在尝试创建一个按钮,如果它被隐藏,它将显示一个 div,或者如果它已经显示,则隐藏 div(在 javascript 中执行它)。 我写了这段代码供 onclick 使用,但它似乎不起作用,我不明白为什么。 有人能看到我做错了什么吗?
if (document.getElementById('Hidey').style.display == 'none') {
document.getElementById('Hidey').style.display = 'inline'
}
else {
document.getElementById('Hidey').style.display = 'none'
}
编辑:HTML
<div id="Button" onclick="javascript posted above here"><h2>Click</h2></div>
<div id="Hidey">Content Inside</div>
这就是影响的 HTML,我的代码中没有其他内容影响这些。 我很困惑。
我在这里设置了一个 plunker http://plnkr.co/edit/EkuW8nEIV22vmuaDM9JR?p=preview 。
<script>
var toggle = function(){
if (document.getElementById('Hidey').style.display == 'none') {
document.getElementById('Hidey').style.display = 'inline'
}
else {
document.getElementById('Hidey').style.display = 'none'
}
}
</script>
<h1 id="Hidey">Hello Plunker!</h1>
<a href="#" onclick="toggle()">click me</a>
你的代码看起来不错。 我认为您可能没有正确设置函数或正确调用函数。
使用 jQuery 并使用这个:
$("button").onclick( function() {("#Hidey").toggle();});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.