JQuery скрыть выпадающее меню

Question

У меня есть выпадающее меню, которое показывает нижеприведенный скрипт JQuery:

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

То, что я хочу достичь, когда пользователь щелкает в другом месте на странице, он скользит вверх или шкуры. Я буквально не понимаю, как это сделать.

Любая помощь очень ценится.

добавил скрипку: http://jsfiddle.net/aL7Xe/999/

Answer 1

Yoy может попытаться остановить событие распространения.

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

Переключение будет работать только его пользователь нажимает на тот же объект, что вы хотите, чтобы скрыть его, когда щелчок в другом месте попробовать

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

Answer 3

Я понимаю, что вы хотите показать выпадающее меню, когда пользователь нажимает на него. Если пользователь снова нажимает на него или где-либо на странице, он должен закрыть.

CSS

.hide { 
    display: none; 
} 

JS

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

Чтобы скрыть меню, когда пользователь нажимает в любом месте на странице

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