1.在<head></head>間加入 JavaScript 語法
<script type="text/javascript" language="javascript">
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
</script>
2.設定點擊文字
<a href="javascript:ReverseDisplay('parentsname')">點這一串文字即可顯示或隱藏以下的DIV</a>
3.設定要顯示/隱藏的文字
<div id="parentsname" style="display:none">
<p>
要顯現/隱藏的文字
</p>
</div>
注意事項：
1.在<a href="javascript:ReverseDisplay('parentsname')">中的parentsname需要和<div id="parentsname" style="display:none">的id name一樣
2.可以使用迴圈來進行上述兩者的命名
3.在同一個網頁中可以同時使用在兩個以上的地方，惟命名規則應特別留意。
資料來源：http://blog.xuite.net/jon6773/blog/23662229
沒有留言:
張貼留言