ซ่อนข้อความ [Hide text] เพื่อประหยัดพื้นที่เว็บไซต์ และง่ายสำหรับหน้าเว็บที่มีเนื้อหาบทความเยอะๆ
เมื่อคลิกที่ปุ่ม "Open " ข้อความทั้งหมดก็จะแสดงให้เห็น เมื่อคลิกที่ปุ่ม " Close " ข้อความก็จะซ่อนไว้ ดังตัวอย่าง

<div style="margin: 5px;"><div class="bigfont" style="margin-bottom: 2px;"><input onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 != '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = ''; this.innerText = ''; this.value = 'Close'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Close'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Open"></div>
<div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
<div style="display: none;">
ใส่ข้อความตรงนี้
</div></div></div>
ท่านสามารถคัดลอกโค้ดข้างบนไปใช้ได้เลยครับ
วิธีวางโค้ด
1. เขียนบทความให้เรียบร้อยก่อน
2. คัดลอกโค้ดสีแดง
>> ไปยังหน้าเขียนบทความ
>> คลิกที่ HTML ในหน้าบทความ
>> จึงนำโค้ดไปวางไว้ในที่ว่าง หรือตำแหน่งที่ต้องการ
3. คัดลอกบทความของท่านไปวางแทนที่ตัวอักษรสีน้ำเงิน
4. คลิกที่ เขียน