jQuery อิทธิพล - ฟังก์ชัน slideToggle()

jQuery อิทธิพลหนังสือคู่มือ

ตัวอย่าง

ใช้ปรากฎการณ์การเคลื่อนไหวเพื่อเปลี่ยนสถานะแสดงและซ่อนอิเล็ม <p> ตามลำดับ

$(".btn1").click(function(){
  $("p").slideToggle();
});

ลองเดาเอง

คำอธิบายและวิธีใช้

slideToggle() ฟังก์ชันใช้ปรากฎการณ์การเคลื่อนไหว (การเปลี่ยนความสูง) ในการเปลี่ยนสถานะที่เห็นได้ของอิเล็ม

ถ้าอิเล็มที่ถูกเลือกเป็นที่เห็นได้ จะซ่อนอิเล็มนั้น และถ้าอิเล็มที่ถูกเลือกเป็นที่ซ่อน จะแสดงอิเล็มนั้น

ภาษาเขียน

$().slideToggle(speed,callback)
ตัวแปร คำอธิบาย
speed

เลือกตั้ง กำหนดความเร็วของอิเล็มจากซ่อนเข้ามาแสดง หรือเช่นกัน โดยเริ่มต้นเป็น "normal"

ค่าที่เป็นไปได้

  • มิลลิเซ็กันด์ (เช่น 1500)
  • "slow"
  • "normal"
  • "fast"

ในขณะที่กำหนดความเร็ว อิเล็มจะเปลี่ยนความสูงของตนเองเรียบเรียง (นี่จะสร้างปรากฎการณ์การเคลื่อนไหว)
callback

เลือกตั้ง

ถ้าต้องการเรียนรู้เกี่ยวกับ callback มากขึ้น โปรดเข้าชมบท jQuery Callback ของเรา

ไม่สามารถตั้งตัวแปรนี้ได้ ยกเว้นที่ได้ตั้งตัวแปร speed

คำเตือนและหมายเหตุ

คำเตือน：ถ้าอิเล็มมีการซ่อนไปแล้ว ฟังก์ชันนี้จะไม่มีการเปลี่ยนแปลงใดๆ ยกเว้นที่กำหนดฟังก์ชัน callback

ตัวอย่างเพิ่มเติม

ใช้ตัวแปร speed
ใช้ตัวแปร speed สำหรับเปลี่ยนและปิดฟังก์ชันเมื่อแสดงและซ่อนอิเล็มตามลำดับ

jQuery อิทธิพลหนังสือคู่มือ