AB
1
Example for CSS codeคำอธิบาย
2
.hide {
display:none;
}		1. ส่วนที่ต้องการให้แสดง/ซ่อนให้กำหนด class="hide" และกำหนด id เพื่อใช้ในการอ้างอิง

2. สามารถใช้ onclick onchange หรือ oninput ให้เหมาะกับที่เราต้องการเพื่อเรียกใช้ฟังก์ชั่น toggle() แล้วในวงเล็บให้กำหนดค่า id เป้าหมายที่เราต้องการแสดง/ซ่อน

** กรณีต้องการสร้างหลายๆชุดท่านสร้างฟังก์ชั่นนี้แค่ครั้งเดียว หลังจากนั้นอ้างอิงมายังฟังก์ชั่นนี้โดยกำหนด id ปลายทางที่ต้องการให้ได้ผลลัพท์
3
4
Example for HTML code
5
<input type="checkbox" onchange="toggle('comment2')">
<input type="text" class="hide" id="comment2">
6
7
JavaScript code
8
function toggle(id) {
document.getElementById(id).classList.toggle('hide');
}
9