Como posso animar vários elementos sequencialmente usando jQuery?

Eu pensei que seria simples, mas ainda não consigo fazer funcionar. Clicando em um botão, quero várias animações para acontecer -um após o outro - mas agora todas as animações estão acontecendo ao mesmo tempo. Aqui está o meu código - alguém pode me dizer onde estou indo errado ?:

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