如何使用jQuery按顺序使多个元素动画?

前端之家收集整理的这篇文章主要介绍了如何使用jQuery按顺序使多个元素动画?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我认为这将是简单的,但我仍然不能得到它的工作。通过点击一个按钮,我想要几个动画发生 – 一个接一个 – 但现在所有的动画都发生在一次。这里是我的代码 – 有人可以告诉我在哪里我错了?:
$(".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");        
            });
        });
    });
});

猜你在找的jQuery相关文章