Jquery :: Animation Toggle Div onclick...
Résolu
Geishin
Messages postés
9
Statut
Membre
-
Geishin Messages postés 9 Statut Membre -
Geishin Messages postés 9 Statut Membre -
Bonjour à tous.
Voilà 2 heures que je me casse la tête à réaliser un script Jquery. Pourrire-vous m'aider ? :) C'est très simple, il me faudrait :
- Un bloc DIV qui, lorsque je clic sur le bouton '#reg', se déplace de 200px à gauche (.animate()) et reste à cette position, puis se replace à la position d'origine (.animate()) si je re-clic sur le bouton '#reg'...
Ici mon script :
Je vous remercie de votre attention :)
Voilà 2 heures que je me casse la tête à réaliser un script Jquery. Pourrire-vous m'aider ? :) C'est très simple, il me faudrait :
- Un bloc DIV qui, lorsque je clic sur le bouton '#reg', se déplace de 200px à gauche (.animate()) et reste à cette position, puis se replace à la position d'origine (.animate()) si je re-clic sur le bouton '#reg'...
Ici mon script :
var click= $('#reg').click();
if (click == true){
$('#regdiv').animate({left: "-=200"}, 2000);
if (click == true){
$('#regdiv').animate({left: "+=200"}, 2000);
}
else {
}
}
else{
}
Je vous remercie de votre attention :)
2 réponses
-
salut
voila comment on fait avec toggle qui switch entre les 2 fonctions a chaque clic
Déjà
1) mettre une position à #regdiv (relative , absolute etc ) avec du css sinon animate ne fonctionne pas (c'est bête mais c'est comme ca)
2) ne pas oublier d'appeler jquery (avant le script suivant)
<script>
$(document).ready (function(){
$("#reg").toggle(function(){
$("#regdiv").animate({left: "-200px"},2000);
},function(){
$("#regdiv").animate({left: "200px"},2000);
});
})
</script>
et voila ! c'est pas joli ca ?
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus. -
