jqueryは同時に2つのクラスをアニメーション化します

Question

animate()関数に問題があります。最初に2つのオブジェクトをアニメーション化してから、4秒間待ってそのオブジェクトを再びアニメーション化します。

//Animation In 
$('.show').animate({marginTop : '1px' , opacity: '1px'},1000).delay(4000); 
$('.caption').animate({opacity : '1px', top : '20px'},1000).delay(4000);  

//After 4 Second Animation Out  
$('.show').animate({ marginTop : '-200px', opacity:'0px'},1000); 
$('.caption').animate({opacity : '0px' , top : '70px'},500,function() 
    {   
       fadeInwhipe();// calls This Function 
    }); 

これは.showクラスのために完璧に動作しますが、時には.captionは.show前に、非常に高速なアニメーション化：私のコードは次のようです。

//Animation In 
$('.show').animate({marginTop : '1px' , opacity: '1px'},1000).delay(4000); 
$('.caption').animate({opacity : '1px', top : '20px'},1000).delay(4000);  

//After 4 Second Animation Out  
$('.show').animate({ marginTop : '-200px', opacity:'0px'},1000 ,function(){ 
    $('.caption').animate({opacity : '0px' , top : '70px'},500,function() 
     {   
       fadeInwhipe();// calls This Function 
     }); 
); 

しかし.showが終わった後に、このケースでは、アニメーション化：私はこのような、初期のアニメーションから.captionを防ぐために.showのコールバック関数に.captionを設定しようとしました。実行していますが、両方のクラスを同時にアニメーション化したいと思います。解決策はありますか？おかげで...

Answer 1

利用キュー：偽

$(function() { 
    $("#first").animate({ 
     width: '200px' 
    }, { duration: 200, queue: false }); 
    $("#first").animate({ 
     marginTop: '50px' 
    }, { duration: 200, queue: false }); 
});