Jquery afficher/masque un div

Question

Salut à tous, 

je cherche un solution pour reproduire le fonctionnement de la barre d'outil de nombreux outil.
Exemple sous IE ou autre navigateur lorsque l'on clique sur fichier, un menu s'ouvre. Celui ci ne se referme qu'àpres avoir sélectionné un  de ses éléments ou lorsque l'on clique ailleurs.
Avec Jquery 
je reproduis l'affichage et le masque quand ceux-ci sont commander à partir de boutons liés à ces effets, cependant je ne vois pas comment faire pour masquer le div quand je clique ailleurs que sur cette zone.

Le code pour la tentative de solution est en orange, 

si vous avez une idée sur le sujet.

Merci d'avance.

voici mon code : 
      $(document).ready(function()
        {   //affiche le bloc parametre
          $('button[name="Parametres"]').click( function()
            {
                        $('#paramDiv').addClass("parametre2"); //bloc affiché
                        $('#paramDiv').removeClass("parametre1"); // bloc masqué
            }
          );

          $('input[name="close"]').click( function()
            {
                       $('#paramDiv').addClass("parametre1"); // bloc masqué
                       $('#paramDiv').removeClass("parametre2"); // bloc affiché
            }
          );

          // si on le div est apparant
          // si on clic ailleurs que sur le div --> le div devient hidden

          $('*').click( function()
             {
                     if($('#paramDiv').class().is("parametre2")) // tentaive de clic ailleurs que sur la zone
                     {
                       $('#paramDiv').addClass("parametre2"); // bloc affiché
                    $('#paramDiv').removeClass("parametre1");  // bloc masqué
                     }
         }
        );
}
);

PetoleTeam · Answer

Bonjour, 
mets un événement onclick sur le 
document, tu tests si la source de l'événement n'est pas ton DIV, et tu le 
caches si il est affiché, en gros ! 
;O)

Jquery afficher/masque un div

1 réponse

Votre réponse

Discussions similaires