ตัวอย่าง
สไลด์ลง (แสดง) ที่ซ่อนไว้ทั้งหมด <p> องค์ประกอบ:
$("button").click(function(){
$("p").slideDown();
});
ลองตัวเอง» ความหมายและการใช้งาน
slideDown() วิธีการสไลด์ลง (การแสดง) องค์ประกอบที่เลือก
หมายเหตุ: slideDown() ทำงานบนองค์ประกอบที่ซ่อนอยู่กับวิธีการ jQuery และ display: none ใน CSS ( แต่ไม่ visibility: hidden)
เคล็ดลับ: เพื่อเลื่อนขึ้น (ซ่อน) องค์ประกอบให้ดูที่ slideUp() วิธีการ
วากยสัมพันธ์
$(selector).slideDown(speed,easing,callback)| พารามิเตอร์ | ลักษณะ |
|---|---|
| speed | ไม่จำเป็น ระบุความเร็วของผลกระทบภาพนิ่ง ค่าเริ่มต้นคือ 400 มิลลิวินาที ค่าที่เป็นไปได้:
|
| easing | ไม่จำเป็น ระบุความเร็วขององค์ประกอบในจุดแตกต่างของภาพเคลื่อนไหว ค่าเริ่มต้นคือ "swing" ค่าที่เป็นไปได้:
|
| callback | ไม่จำเป็น ฟังก์ชั่นที่จะดำเนินการหลังจากที่ slideDown() วิธีการเป็นที่เรียบร้อยแล้ว เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการโทรกลับไปที่ บท jQuery โทรกลับ |
ลองตัวเอง - ตัวอย่าง
slideDown() - การใช้พารามิเตอร์ความเร็ว
วิธีการใช้พารามิเตอร์ความเร็วในการระบุความเร็วของผลกระทบภาพนิ่ง
slideDown() - การใช้พารามิเตอร์โทรกลับ
วิธีการใช้พารามิเตอร์โทรกลับเมื่อเลื่อนขึ้นและลงองค์ประกอบที่เลือก