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