Jquery :: Animation Toggle Div onclick...

Résolu

Geishin Messages postés 9 Date d'inscription mardi 20 mai 2014 Statut Membre Dernière intervention 30 juin 2014 - Modifié par Geishin le 20/05/2014 à 19:17
Geishin Messages postés 9 Date d'inscription mardi 20 mai 2014 Statut Membre Dernière intervention 30 juin 2014 - 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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 21/05/2014 à 05:32

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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
21 mai 2014 à 14:20

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 mardi 20 mai 2014 Statut Membre Dernière intervention 30 juin 2014
22 mai 2014 à 08:21

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

Discussions similaires

Supprimer Toggle Navigation

Bonjour à toutes et à tous,

Depuis ce matin, lorsque je vais sur la page de ma mutuelle santé (sécurisée après login), un bouton Toggle Navigation se trouve en haut à gauche de la page et l'affichage de ces pages ne se fait plus correctement (un seul menu déroulant impossible à fermer, une police surdimensionnée, etc.).

Le même phénomène se produit que ce soit sur Firefox, Opera ou Edge.

J'ai passé plusieurs anti-malware, mais ce phénomène n'est pas détecté (y compris avec adwcleaner et malwerebyte).

C'est pour l'instant le seul site où cette barre apparaît.

J'ai vérifié sur mon PC (programmes installés), mais je n'a...

jQuery & Regex

Bonjour, je ne voudrais que des lettres minuscules dans un champ nom, il suffit que je mettes une lettre capitale, çà passe comme même. Merci d'avance & bonne journée. $(document).ready(function() { $('#submit').click(function() { var result = true; if($('#username').val() == '') { $('#username').css('border', '3px solid #8b0000'); $('.username_error').text('Veuillez remplir votre nom !').css('color', '#8b0000'); result = false; } else if(!$('#username').val().match(/[a-z]/)) { $('#username').css('border', '3px solid #8b0000'); $('.username_error').text('Les lettres minuscules so...

jquery submit

Bonjour,
Mon code devrait provoquer un submit au click sur la photo et renvoyer vers le fichier php correspondant mais ça ne submite pas.
Pouvez vous me dire où est l'erreur ?

#photo {width:90px; border-radius:20px 20px; max-height: 90px;} $( function() { $('#photo').click(function() { var valeur = 'bleu'; $('#categ').val(valeur); alert ( $('#categ').val() ); $("#form1").submit(); }); });

jQuery non interprété

Bonjour,

J'ai ajouté du jquery pour ma validation de formulaire dans mon thème enfant wordpress mais il ne fonctionne pas car je ne peux pas ajouter cette ligne dans mon functions.php

Code: [Affichage]
wp_enqueue_script( 'jquery', get_stylesheet_directory_uri() . '/js/jquery-3.3.1.min.js', array(), '1.0.0', true );

(elle n’apparaît pas dans la source) j'imagine que c'est par-ce-que jquery est déjà inclus dans wordpress mais pourtant, mon script ne fonctionne pas et dans la console, j'ai cette erreur:

script.js?ver=1.0.0:2 Uncaught TypeError: $ is not a function
at script.js?ver=1.0.0:2

Comme si jquery ...

Redirection Jquery onclick

Bonjour,

J'ai besoin d'utiliser jQuery pour faire une redirection lors d'un clic sur un lien.

L'idée est de faire exactement comme on pourrait le faire en javascript :
window.onload=function() { document.getElementById("lien").onclick = function() { document.location.href="https://www.toto.com/"; }; }

Sachant que mon lien a un id="lien", comment faire la même chose en jQuery ?

Je ne connais pas trop jquery donc j'ai d'abord mis ça dans le head :

Ensuite j'ai essayé avec un code de type :
$("#lien").click(function() { window.location="https://www.toto.com/"; });

Mais ç...

Votre réponse

Discussions similaires