控製文字內容的顯示與隱藏示例

複製代碼代碼如下:

<a href="javascript:void(0);" id="open" onclick="document.getElementById('content').style='display:block';

document.getElementById('open').style='display:none';

document.getElementById('hidden').style='display:block;'" style="display:block">展開</a>

<a href="javascript:void(0);" id="hidden" type="hidden" onclick="document.getElementById('content').style='display:none';

document.getElementById('hidden').style='display:none';

document.getElementById('open').style='display:block';" style="display:none">關閉</a>

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

<p>武林網提供最新的網絡編程、腳本編程、網頁製作、網頁設計、網頁特效，為站長與網絡編程從業者提供學習資料</p>

</div>