注：本文由Colin撰寫，版權所有！轉載請注明原文地址，謝謝合作！
很多時候我們需要將DIV的信息默認為隱藏狀態，只有當用戶點擊時才顯示DIV中包含的提示文字。這類效果在互聯網上應用得很多，但實現的方法卻是五花八門，有的甚至是全頁代碼，喜歡簡潔明了的我肯定受不了。我的宗旨是“Write less,Do more!”
故，在這里，我提供一個最實用，最好控制且最簡單的辦法。
（代碼分析：內容頁代碼中div默認設置為display:none，即不顯示。當鼠標點擊控制層時，查找內容頁class與控制層中指定的相同名稱，如”a1″。js代碼將內容頁的div中的sytle屬性清空，從而實現顯示出該div的內容。）
JS代碼如下:
<script language="javascript">
function div_none(theclass){
var allPageTags = new Array();
var allPageTags = document.getElementsByTagName("div");
for (i=0; i<allPageTags.length;i++){
if(allPageTags[i].className == theclass){
var obj = allPageTags[i];
if(obj.style.display == "none"){
obj.style.display = "";
}else{
obj.style.display = "none";
}
}
}
}
</script>
內容頁代碼，下面我已進行注釋說明：
<div><a name="a1" onClick="div_none('a1');" class="title">如何驗證上網？</a></div> /*設置點擊時觸發js事件*/
<div style="display:none;" class="a1"> /*設置本div默認為隱藏*/
內容區
</div>
實現效果如下：
