Discussion :

[Asli Bilal]

Bonjour,

J'ai un problème avec mon menu que j'ai fait en jQuery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
    // Dropdown menu in jQuery (use jQuery instead of $ [compatibility])
    jQuery(".bouton").click(function () {
    if (jQuery("#menu").is(":hidden"))
        jQuery("#menu").slideDown();
    else
        jQuery("#menu").slideUp();
    });
 
    jQuery("body").click(function () {
        jQuery("#menu").slideUp();
    });
});

Je voudrais cliquer sur le bouton pour faire apparaître le menu et ensuite n'importe où sur la page pour le faire disparaître, du coup j'utilise body. En faisant ça lorsque je clique sur mon bouton, le menu apparaît et disparaît tout de suite.

Avez vous une idée de ce que je fais de mal?

Merci

[Bovino]

Déjà, tu peux simplifier la première partie du code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
jQuery(".bouton").click(function () {
    jQuery("#menu").slideToggle();
});

Ensuite, vérifie lors du clic sur le body si l'élément cliqué est le bouton.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
jQuery("body").click(function (e) {
    if($(e.target).is('.bouton')){
        return false;
    }
    jQuery("#menu").slideUp();
});

[Asli Bilal]

Ok niquel merci beaucoup

[Bovino]

Attention quand même à ne pas recopier l'erreur de syntaxe (if mal fermé) que je viens de corriger !