Jak mogę animować wiele elementów sekwencyjnie za pomocą jQuery?

Myślałem, że to będzie proste, ale wciąż nie mogę go uruchomić. Klikając jeden przycisk, chcę, aby stało się kilka animacji -jedna po drugiej - ale teraz wszystkie animacje odbywają się jednocześnie. Oto mój kod - czy ktoś może mi powiedzieć, gdzie się mylę ?:

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

questionAnswers(9)

yourAnswerToTheQuestion