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", left: "0"}, "slow");
});

最佳答案

您可以进行很多回调。

$(".button").click(function(){
    $("#header").animate({top: "-50"}, "slow", function() {
        $("#something").animate({height: "hide"}, "slow", function() {
            $("ul#menu").animate({top: "20", left: "0"}, "slow", function() {
                $(".trigger").animate({height: "show", top: "110", left: "0"}, "slow");
            });
        });
    });
});

关于jquery - 如何使用jQuery依次为多个元素设置动画？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1218152/