Jquery, dopo il cambio di classe si può animare ?

[Madsex]

Scusate il titolo anbiguo ma non capisco perchè stà cosa non mi funziona, vi posto un codice semplificato di ciò che stò facendo:

$(document).ready(function(){
	
$(".ciao").click(function(){

	 
  $(".ciao").animate({'margin-left':'150px'},1000),
  
  $(".ciao").addClass("ciao2")
    .removeClass("ciao");
  
 });
 
 $(".ciao2").click(function(){

	 
  $(".ciao2").animate({'margin-left':'0px'},1000),
  
  $(".ciao2").addClass("ciao")
    .removeClass("ciao2");
  
 });
 
});

In pratica ho necessità, per una serie di ragioni, di cambiare classe a dei box e dopo avergli cambiato classe dare la possibilità all'utente di cliccare da una parte e far partire l'animazione dedicata alla nuova classe. Nell'esempio semplice che vi ho postato tutto questo non accade, e tra l'altro avrei bisogno anche che cliccando un determinato tasto tutto tornasse come al caricamento iniziale (ma questa è un'altra storia).

Avete dritte in merito?

Grazie in anticipo!

[Xinod]

quando valuti tutti gli elementi con classe "ciao2" quell'elemento non ha ancora quella classe, guarda nella documentazione "live()" per settare gestori evento per elementi che non ancora rientrano in quel selettore

[Madsex]

grazie era proprio quella la soluzione, adesso funziona perfettamente.