jQuery ausgeblendet Dropdown-Menü

Question

Ich habe ein Drop-Down-Menü, das mit dem folgenden jQuery-Skript zeigt:

jQuery(document).ready(function($) { 
    $('#block-mln-main-menu li').click(function(){ 
     $(this).find('.test').toggle(); 
    }); 
}); 

Was ich erreichen möchte ist, wenn der Benutzer irgendwo sonst auf der Seite klickt, es gleitet nach oben oder versteckt. Ich bin buchstäblich ratlos, wie ich das erreichen kann.

Jede Hilfe wird sehr geschätzt.

hinzugefügt, um eine Geige: http://jsfiddle.net/aL7Xe/999/

Answer 1

Yoy versuchen Ausbreitungsereignis stoppen.

CSS:

.showup{width:100px;height:100px; background:red; display:none;} 
.click{cursor:pointer;} 

HTML

<div class="click">click me</div> 
<div class="showup">Click somewhere else!</div> 

JQUERY

$(document).ready(function(){ 
$('.click').click(function(event){ 
    event.stopPropagation(); 
    $(".showup").slideToggle("fast"); 
}); 
$(".showup").on("click", function (event) { 
    event.stopPropagation(); 
}); 
}); 

$(document).on("click", function() { 
    $(".showup").hide(); 
}); 

Answer 2

Toggle wird es nur auf dem gleichen Objekt Benutzer klicken Sie arbeiten, um es Ihnen, es verbergen wollen, wenn an anderer Stelle klicken

jQuery(document).ready(function($) { 
    $(this).not('#block-mln-main-menu li').click(function(){ 
     $(this).find('.test').hide(); 
    }); 
}); 

Answer 3

versuchen Was ich verstehe, ist, dass Sie zeigen wollen Dropdown-Menü, wenn ein Benutzer darauf klickt. Wenn der Benutzer erneut darauf klickt oder irgendwo auf der Seite, sollte es geschlossen werden.

CSS

.hide { 
    display: none; 
} 

JS

$('.menu-label').on('click', function() { 
    $('.drop-down-menu').toggleClass('hide'); 
}); 

das Menü auszublenden, wenn Benutzer klicken Sie irgendwo auf Seite

$('body').on('click', function() { 
    $('.drop-down-menu').addClass('hide'); 
});