jQuery Girl
  1. jQuery Girl
  3. jquery bascule slideUp / slideDown
Intereting Posts
copier l’adresse par les cases à cocher dynamics dans les champs dynamics IE jquery click ne fonctionne que sur le texte dans li, pas toute la boîte Kendo UI Change dynamicment la chaîne de source de données (XML) Comment écrire mon premier plugin jQuery? Événements non enregistrés après replaceWith Utilisation des tabs de l’interface utilisateur jQuery. Comment créer un lien entre l’un des tabs et une URL plutôt que de charger un panneau d’tabs? Quelle est la meilleure façon de refactoriser UJS link_to_function? Changement de couleur des jours désactivés dans un sélecteur de date JQuery Existe-t-il un moyen de supprimer l’invite de connexion du navigateur pour la réponse à 401 lors de l’utilisation de XmlHttpRequest? Impossible d’obtenir la liste dans la réponse ajax de Spring MVC iframe crossdomain – ne peut pas interagir Symfony 1.4 avec AJAX jQuery. Comment puis-je améliorer la fonction AJAX qui contient une boîte de sélection qui dépend d’une autre boîte de sélection? Comment django traite-t-il les connexions / inscriptions basées sur modal? Paramètres de police jqGrid remplacés par les parameters de l’onglet jQueryUI R shiny: comment mettre des images locales dans des tableaux shinys

jquery bascule slideUp / slideDown

J’ai un div # items et s’il est cliqué, alors div # choices slideDown (). Si on clique de nouveau dessus, div # choice devrait alors slideUp (); Comment puis-je tester si les choix sont déjà bas ou plus élevés? Je sais que je pourrais stocker dans une variable et basculer sa valeur lorsque des éléments div # sont cliqués, mais que se passe-t-il si #choices a été glissé vers le bas par d’autres moyens?

Utilisez .slideToggle ()

Comme le souligne la réponse de Marimuthu , vous pouvez utiliser slideToggle () pour vous déplacer vers le haut si la div est déjà ouverte ou vers le bas si elle est fermée.

Vous pouvez également vérifier la propriété display pour savoir si elle est actuellement visible ou non. À partir de la documentation jQuery pour slideUp () .

Une fois que la hauteur atteint 0, la propriété de style d’affichage est définie sur none pour garantir que l’élément n’affecte plus la présentation de la page.

Sachant cela, vous pouvez vérifier s’il est réglé sur “none”: 

 var $choices = $('div#choices'); if ($choices.css("display") == "none") $choices.slideDown(); else $choices.slideUp();

Essaye ça –

HTML: 

 Show

JQUERY SCRIPT: 

 $('.nav-toggle').click(function(){ var content_id = $(this).attr('href'); var toggle_switch = $(this); $(content_id).toggle(function(){ if($(this).css('display')=='none'){ toggle_switch.html('Show'); }else{ toggle_switch.html('Hide'); } }); });