jquery animazioni consegutive!

[Madsex]

Ciao raga, stò facendo delle piccole animazioni su una pagina webe mi trovo davanti a un piccolo problemuccio, sicuramente banale per voi ma per me spinoso.

In pratica dovre, dopo aver eseguito alcune animazioni farne partire un'altra(non sullo stesso elemento)però solo dopo il completamento di quelle iniziali. vi posto il codicillo che ho creato:

$(document).ready(function(){	  
        $("#first_img")
		.animate({marginTop:"0px"},700)
		$("#second_img")
		.animate({marginTop:"0px"},1000)
		$("#third_img")
		.animate({marginTop:"0px"},700)

});

Diciamo che la terza animazione dovrebbe partire al completamento delle altre due e non contemporaneamente.

Come potrei fare?

Grazie in anticipo!

[Vindav]

jquery per il metodo animate mette a disposizione un parametro per definire una funzione che si attiva al termine dell'animazione

$("#first_img").animate({
  marginTop:"0px"
  },700, function() {
    $("#second_img").animate({marginTop:"0px"},1000);
  });