ซ่อน/แสดงเนื้อหาในเว็บเพจ โดยใช้ JavaScript

By Donuzz | Published: June 25, 2008

การทำ Link ให้ผู้ใช้กดเพื่อ ซ่อน/แสดง เนื้อหาในเว็บเพจ สามารถทำได้โดยใช้ JavaScript และเนื้อหาที่อยู่ในแท็บ DIV ดังนี้ครับ

ตัวอย่าง: ลองกดดูสิครับ !!

1. โค้ด JavaScript สำหรับฟังก์ชันสำหรับ ซ่อน/แสดง เนื้อหา (Copy โค้ด JavaScript ด้านล่างนี้ไปวางในไฟล์ html)

2. ส่วนเนื้อหาที่อยู่ใน DIV (ใช้โค้ดด้านล่างนี้สำหรับส่วนที่จะ ซ่อน/แสดง เนื้อหา)


ใส่เนื้อหาตรงนี้ครับ

3. โค้ดสำหรับสร้าง Link ให้ผู้ใช้กดเพื่อซ่อนหรือแสดงเนื้อหาในข้อ 2
กดที่นี่เพื่อ แสดง/ซ่อน เนื้อหา

จบแล้วครับ ลองนำไปประยุกต์ใช้กับการออกแบบเว็บ เผื่อจะเป็นประโยชน์ได้บ้างครับ

This entry was posted in Web Design and tagged coding, css, html, javascript, Web Design. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.