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