jQuery - Cacher un div menu après avoir cliqué sur l'extérieur div

J'ai un menu déroulant à:

http://www.ourbridalsongs.com/new_header/header.php

Lorsque vous cliquez sur la flèche haut/bas à côté du logo, le menu s'affiche, j'aimerais bien la faire disparaître en cliquant n'importe où sur l'écran - pour une raison quelconque, il est coincé et ne pas glisser.

Quelqu'un peut-il aider à résoudre ce!

Voici mon script:

$(document).ready(function () {

    $("ul.subnav").parent().append("<span></span>");
    $("ul.topnav li span").click(function () {
        $(this).parent().find("ul.subnav").slideDown('slow').show();
        $(this).parent().click(function () {}, function () {
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
    }).hover(function () {
        $(this).addClass("subhover");
    }, function () {
        $(this).removeClass("subhover");
    });

});

Merci!!!

OriginalL'auteur Simon | 2010-08-23

  1. 6

    ajouter ce morceau de code dans votre code

    $(document).click(function(e){
    var myTarget = $(".subnav");
    var clicked = e.target.className;
    if($.trim(myTarget) != '') {
        if($("." + myTarget) != clicked) {
            $("ul.subnav").slideUp('slow').hide();
        }
    }
});

    cela permet de fermer votre ul.subnav lorsque vous cliquez n'importe où dans votre document.

    OriginalL'auteur rob waminal