2.Reference jQuery ในส่วนของ .js และ css
3.กำหนด css เพื่อกำหนดลักษณะการแสดงผลหน้าจอ
4.ในส่วน HTML สร้าง Panel สำหรับแสดงข้อมูล โดยมีปุ่มกดเพื่อย่อและขยายข้อมูลได้
เมื่อทดสอบจะได้หน้าเวบแสดงผล ดังรูป
5.เขียน Javascript ตรวจสอบว่าเมื่อมี event click จาก div ไหนก็ตามที่มี class pusher ให้ทำการกำหนดฟังก์ชั่น slideToggle สำหรับซ่อนหรือแสดงข้อมูล
6.เมื่อทดสอบจะสามารถกดซ่อนหรือแสดงข้อมูลได้ โดยกดที่ tab + show / - hide ของแต่ละ tab
ไม่มีความคิดเห็น:
แสดงความคิดเห็น