HTML切換的div

我有以下代碼：HTML切換的div

<html> 
<head><title></title> 
<script> 
function showMe (it, box) { 
    var vis = (box.checked) ? "none" : "block"; 
    document.getElementById(it).style.display = vis; 
} 
</script> 
</head> 
<body> 

<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox 
<div id="div1"> 
<h3 align="center"> test </h3> 

</div> 
<form> 
</form> 
</body>

我想切換div，上面的代碼工作然而，當腳本加載的div可見。如何在腳本加載時將div設置爲隱藏？（我知道，如果我設置的標籤之外的標籤它的作品，但我想切換它們內）。

來源

2011-09-18 Spike Lee

最初將div標記設置爲display:none。並翻轉if的條件。

像：

function showMe (it, box) { 
    var vis = (box.checked) ? "block":"none"; 
    document.getElementById(it).style.display = vis; 
} 


<div id="div1" style="display:none">

來源

2011-09-18 15:19:43 medopal

我做我的網頁上的一個非常相似的東西，包括我這個在div

style="display:none"

這似乎爲我工作，然後它被改爲阻止當我點擊我的顯示/隱藏按鈕

來源

2011-09-18 15:18:40

回答

相關問題