Jquery :: Animation Toggle Div onclick...

Résolu

Geishin Messages postés 9 Date d'inscription Statut Membre Dernière intervention -
Geishin Messages postés 9 Date d'inscription Statut Membre Dernière intervention - 22 mai 2014 à 08:21

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 :

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 :)

A voir également:

Jquery animate toggle
Animate me - Télécharger - Animation
I can animate - Télécharger - 3D
Caps Lock Toggle - Télécharger - Divers Utilitaires
Jquery refresh dom ✓ - Forum Javascript
Probleme de cohabitation de jquery - Forum Javascript

2 réponses

Réponse 1 / 2

animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention 738

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.

animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention 738

OUps
pour que ca se replace à la position d'origine dans la 2eme function mets

$("#regdiv").animate({left: "0px"},2000);

voila

Réponse 2 / 2

Geishin Messages postés 9 Date d'inscription Statut Membre Dernière intervention

Ok je te remercie pour la réponse ! :)

Discussions similaires

Supprimer Toggle Navigation

jQuery & Regex

jquery submit

jQuery non interprété

Redirection Jquery onclick

Votre réponse

Discussions similaires