Jqueryでのアニメーション、ステップバイステップ実行

Question

Jqueryでアニメーションを作成するのに次のコードを使用しています。私はstep1が完全に実行されたときにstep2を発生させたい。現時点では両方のステップが同時に実行されるので、image1.jpgはCSSスタイルに設定されています。助けてください？ 1

$("#atn").animate({top:"+=335"},3000).animate({top:"-50px"},1000).animate({top:"0"},2000).animate({width:"hide"},0); 

ステップ：2

$("#atn").css("background-image", "url(images/image2.jpg)"); 

*注：ステップ2は、例えばdiv異なる場合があります私はjqueryの

ステップに新しいです。 #atn2

Answer 1

animateのコールバックを使用してください。

$("#atn").animate({top:"+=335"},3000).animate({top:"-50px"},1000).animate({top:"0"},2000) 
     .animate({width:"hide"},0, function(){ 
      $("#atn2").css("background-image", "url(images/image2.jpg)"); 
     });