การใช้ Javascript กับ Css เปิด/ปิดการแสดงผลเนื้อหา Toggle ตัวอย่างนี้เป็น Javascript จัดการกับ element โดยใช้ style display กำหนดให้แสดง ไม่แสดงข้อมูลภายใน tag ที่ต้องการ
โค้ด Javascript
<script language="javascript">
function toggle(targetId) {
target = document.all(targetId);
if (target.style.display == "none"){
target.style.display="";
} else {
target.style.display="none";
}
}
//-->
</script>
โค้ด html
<a href="javascript:toggle('Link1')">Link 1 </a>
<div id="Link1" style="display: none">
ข้อมูลที่ต้องการปิดไว้ก่อน รอให้กด คำว่า Link1 แล้วค่อยแสดงออกมา
</div>
</div>
<br><br>
<a href="javascript:toggle('Link2')">Link 2</a>
<div id="Link2" style="display: none">
ข้อมูลที่ต้องการปิดไว้ก่อน รอให้กด คำว่า Link2 แล้วค่อยแสดงออกมา
</div>