我认为这将是简单的,但我仍然不能得到它的工作。通过点击一个按钮,我想要几个动画发生 – 一个接一个 – 但现在所有的动画都发生在一次。这里是我的代码 – 有人可以告诉我在哪里我错了?:
$(".button").click(function(){ $("#header").animate({top: "-50"},"slow") $("#something").animate({height: "hide"},"slow") $("ul#menu").animate({top: "20",left: "0"},"slow") $(".trigger").animate({height: "show",top: "110","slow"); });
解决方法
你可以做一堆回调。
$(".button").click(function(){ $("#header").animate({top: "-50"},"slow",function() { $("#something").animate({height: "hide"},function() { $("ul#menu").animate({top: "20",function() { $(".trigger").animate({height: "show","slow"); }); }); }); });