[英]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.