Animazioni a ripetizione

[Giacomo Torricelli]

Ciao a tutti,
vorrei fare un'animazione su una div molto semplice, prima si sposta a destra poi a sinistra solo che non capisco come mai non funziona... Cioè, fa la prima animazione verso destra ma poi non quella verso sinistra.

<script>
	$(document).ready(function() {
        $("#clickLogin").click(function() {
            $("#moveMe").animate({left: '100px'}, function() {
				$("#moveMe").animate({left: '100px'});
			})
        });
    });
</script>

Qualcuno mi sa aiutare?
Grazie

 

[Nefyt]

I valori che setti nel secondo animate sono uguali al primo quindi non cambierà niente

edit: hai detto che dovrebbe spostarsi verso sinistra dopo quindi devi diminuire il valore di left
es.

$(document).ready(function() {
        $("#clickLogin").click(function() {
            $("#moveMe").animate({left: '100px'}, function() {
				$("#moveMe").animate({left: '50px'});
 //diminuisci il valore più vuoi che vada verso sinistra, ad esempio se la sua posizione era di 0px e vuoi farlo tornare li metti 0
			})
        });
    });

 

[Giacomo Torricelli]

I valori che setti nel secondo animate sono uguali al primo quindi non cambierà niente

edit: hai detto che dovrebbe spostarsi verso sinistra dopo quindi devi diminuire il valore di left
es.

$(document).ready(function() {
        $("#clickLogin").click(function() {
            $("#moveMe").animate({left: '100px'}, function() {
				$("#moveMe").animate({left: '50px'});
 //diminuisci il valore più vuoi che vada verso sinistra, ad esempio se la sua posizione era di 0px e vuoi farlo tornare li metti 0
			})
        });
    });

Ah perfetto, grazie mille..
Pensavo che il valore 50px nel left lo facesse spostare di altri x pixel verso destra dal punto in cui era nel momento in cui viene chiamata la funzione, non dal punto di origine dell'oggetto.

Grazie :fonzie: