Jquery中的动画，逐步执行

我使用以下代码在Jquery中设置动画。我希望步骤2在步骤1完全执行时发生。目前这两个步骤同时运行，因此我将背景图像设置为image2.jpg，而image1.jpg设置为css样式。请帮忙？我不熟悉jquery

步骤：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)");

---

*注意：第二步可能不同于

div

例如

#atn2

使用

动画的回调

$("#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)");
         });