IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

jQuery - Hide() et show()


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    625
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 625
    Par défaut jQuery - Hide() et show()
    Bonsoir, j'aimerai lors d'un clic sur #ouvrir ouvrir la zone d'affichage et lors d'un autre clique dessus ne plus l'afficher comment faire ? Voici mon début de code...
    Merci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    jQuery(document).ready(function($) {
    	 $("#zone").hide();
    	 $("#ouvrir").click(function() { 
    		$("#zone").slideDown("slow");
    		$("#zone").show();
    	 });
    });

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    625
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 625
    Par défaut
    ceci m'a aidé à résoudre mon ptit soucis :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
     
    /*-------- toggle des listes ----------*/
    $(document).ready(function(){
     
       //Hide (Collapse) the toggle containers on load
       $(".liste_container").hide();
     
       //Switch the "Open" and "Close" state per click (+ ou - dans le CSS)
       $(".liste_visible").toggle(function(){ // on pourrais aussi utiliser toggleClass
          $(this).addClass("active");
          }, function () {
          $(this).removeClass("active");
       });
     
       //ouverture et fermeture par glissé
       $(".liste_visible").click(function(){
          $(this).next(".liste_container").slideToggle("slow");
       });
     
    });
    /*-------- toggle des listes ----------*/

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Alterner hide et show
    Par dominos dans le forum jQuery
    Réponses: 19
    Dernier message: 18/11/2011, 11h35
  2. Form Hide() et show()
    Par enode dans le forum C#
    Réponses: 3
    Dernier message: 15/03/2011, 16h31
  3. Datepicker confirmation hide or show
    Par thecanea dans le forum jQuery
    Réponses: 2
    Dernier message: 25/02/2011, 15h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo