[jQuery] funzione a più livelli

[Eugene]

Buongiorno.

Ho trovato questo simpatico effetto e lo vorrei inserire, con qualche modifica, in un sito che sto realizzando.
Nello specifico sto tentando di modificare il seguente codice:

$('#nav2 li.ybg').stop().animate({left:offset.left+9+"px",width:thiswidth+"px"},400,function(){
$(this).animate({height:"28px"},150);
});

Con queste righe si "dice" all'elemento "#nav2 li.ybg" di eseguire una prima animazione (che modifica la posizione orizzontale e la larghezza) e, una volta completata questa, eseguirne una seconda (modifica dell'altezza).
Io vorrei aggiungere una terza azione da eseguire alla conclusione della seconda.
Non essendo un mago in javascript ho compilato il seguente codice in maniera molto casalinga:

$('#nav2 li.ybg').stop().animate({width:thiswidth+"px"},400,function(){
$(this).stop().animate({left:offset.left+9+"px"},400,function(){
$(this).animate({height:"28px"},150);
});
});

Ovviamente non funziona, si ferma all'esecuzione della prima azione.
Qual è la sintassi corretta?

Grazie

 

[Eugene]

Risolto: lo script in questione mi creava altri problemi che non sono riuscito a risolvere quindi l'ho sostituito con un altro più stabile, anche se l'effetto generato non è proprio lo stesso va comunque bene.