วันนี้นั่งๆทำงานอยู่ เจอปัญหาอยู่อย่างหนึ่ง เกี่ยวกับว่า หลังจากเรา Click ที่ปุ่มปุ่มหนึ่งแล้ว ทำงานบางอย่างเสร็จ ต้องการจะให้หน่วงเวลาไปสัก สิบวินาที แล้วค่อยทำงานต่อ จะทำไงดี ก็นึกขึ้นได้ว่า jQuery มีอยู่ Function หนึ่งที่ใช้ในการหน่วงเวลา นั้นก็คือ .delay นั้นเอง jquery delay นั้นจัดอยู่ในหมวดของ Effect โดยใช้งานร่วมกับ Effect เป็นส่วนใหญ่เช่นพวก fadeIn, fadeOut, slideUp , sildeDown มาลองกันเลยดีกว่าจะได้้เข้าใจ

เมื่อหลายวันก่อนเปิดหน้าเว็บ Google แล้วไปเจอลูก Apple ตกลงมา อ๋อวันเกิดของ นิวตัน นี่เอง แต่จากวันนั้นมีหลายคนถามครับว่า รูป Apple ที่ตกลงมานั้น เขาทำ Animation อย่างไรให้ภาพมันตกลงมาแล้วก็กระเด้งๆๆ วันนี้เปิดๆหาข้อมูลของ jQuery ก็ไปเจอเว็บหนึ่งครับ ที่ทำพวก Effect สำหรับทำ Animation ไว้เยอะพอดูเลยละ ลองเข้าไปทดสอบกันดูครับ มี Effect ให้เลือกใช้เยอะเลย ตัวอย่างการเรียกใช้งาน 1   $("#element").effect([speed, callback]); Demo : Click here Web site : http://net.tutsplus.com

เอาล่ะครับเรารู้จัก Effect slideDown และ slideUp ไปแล้ว การทำงานของ 2 Effect ที่กล่าวมาก็คือการ แสดงหรือซ่อนนั่นเอง แต่วันนี้เรามีอีก Effect หนึ่งซึ่งรวมเอาการทำงานของทั้ง 2 Effect เข้าด้วยกัน นั่นก็คือ Effect slideToggle รูปแบบของคำสั่งนี้ slideToggle( speed, [callback] ) Arguments speed รับค่าเป็น String และ number โดยมีค่าดังนี้ครับ (“slow”, “def”, or “fast”) หรือตัวเลข มีหน่วยเป็นมิลิวินาที เช่น 1000 callback นั้นเป็น option คือจะใส่หรือไม่ก็ได้ option นี้เราสามารถใส่ function ที่ต้องการให้ทำงานหลังจากจบการทำงานของ slideToggle เสร็จแล้ว

ในครั้งก่อนเราได้รู้จัก Effect slideDown ไปแล้ว คราวนี้จะมารู้จัก Effect slideUp กันบ้างครับ การทำงานจะตรงกันข้ามกับ slideDown ซึ่งก็คือการ Hide นั่นเองครับ รูปแบบของคำสั่งนี้ slideUp( speed, [callback] ) Arguments speed รับค่าเป็น String และ number โดยมีค่าดังนี้ครับ (“slow”, “def”, or “fast”) หรือตัวเลข มีหน่วยเป็นมิลิวินาที เช่น 1000 callback นั้นเป็น option คือจะใส่หรือไม่ก็ได้ option นี้เราสามารถใส่ function ที่ต้องการให้ทำงานหลังจากจบการทำงานของ slideUp เสร็จแล้ว

วันนี้เราจะมาแนะนำ Effect slideDown ครับ รูปแบบของคำสั่งนี้ slideDown( speed, [callback] ) Arguments speed รับค่าเป็น String และ number โดยมีค่าดังนี้ครับ (“slow”, “def”, or “fast”) หรือตัวเลข มีหน่วยเป็นมิลิวินาที เช่น 1000 callback นั้นเป็น option คือจะใส่หรือไม่ก็ได้ option นี้เราสามารถใส่ function ที่ต้องการให้ทำงานหลังจากจบการทำงานของ slideDown เสร็จแล้ว