jQuery ภาพรวม - ศึกษา slideDown() ศึกษา

jQuery ภาพรวมความชัดเจน

ตัวอย่าง

แสดงอิเล็ม <p> ซ่อนไปแสดงด้วยการเคลื่อนไหว:

$(".btn2").click(function(){
  $("p").slideDown();
});

ลองทำเอง

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

slideDown() ศึกษาโดยตัวเอง

การใช้งาน

$(selector).slideDown(speed,callback)
ตัวแปร รายละเอียด
speed

ที่เลือกใช้ กำหนดความเร็วของอิเล็มจากซ่อนไปถึงที่เห็นได้ (หรือเช่นกัน) โดยเริ่มต้นเป็น "normal"

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

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

ในกรณีที่กำหนดความเร็ว อิเล็มจะเปลี่ยนความสูงขึ้นอย่างเงียบๆ ในระหว่างซ่อนไปจนถึงที่เห็นได้
callback

ที่เลือกใช้

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

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

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

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

หมายเหตุ：ภาพรวมนี้เหมาะสำหรับอิเล็มที่ถูกซ่อนด้วย jQuery หรืออิเล็มที่ถูกกำหนด display:none ใน CSS (แต่ไม่เหมาะสำหรับอิเล็มที่ถูกกำหนด visibility:hidden)

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

ใช้ตัวแปร speed
ใช้ตัวแปร speed สำหรับซ่อนและแสดงอิเล็ม

jQuery ภาพรวมความชัดเจน