Hình ảnh động jQuery Delay

Question

Làm cách nào để trì hoãn hoạt ảnh với jQuery?

Tôi cần có điều hướng để mở rộng chiều rộng, sau đó mở rộng chiều cao và sau đó đảo ngược cho hoạt ảnh ngược lại.

Code:

$(function() { 
    $("#nav li").not("#logo, #nav li ul li").hover(function(){ 
     $(this).animate({width:"200px"},{queue:false,duration:1000}); 
    }, function(){ 
     $(this).animate({width:"30px"},{queue:false,duration:1000}); 
    }); 


    $("#nav li.parent").hover(function(){ 
     $(this).children("ul").animate({height:"40px"},{queue:false,duration:500}); 
    }, function(){ 
     $(this).children("ul").animate({height:"0px"},{queue:false,duration:500}); 
    }); 
}); 

Answer 1

sử dụng các phương pháp jQuery .delay(N), trong đó N là mili giây để trì hoãn.

jsFiddle example

Answer 2

Dưới đây là cuộc gọi mà bạn đang tìm kiếm http://api.jquery.com/delay/

.delay(n) // where n is the millis of delay 

sử dụng như sau

$.animate(action1).delay(n).animate(action2) 
// this code puts the delay bewtween two different animations