Использование JQuery для открытия меню закрытия ⇐ Jquery

[Anonymous]

Хорошо, у меня есть этот скрипт, который управляет открытием/закрытием меню....

из трех основных функций (см. ниже) первые две работают хорошо, поскольку кнопка-переключатель меняет свой класс (на X) «активным», что делает его X.

Однако четвертая (закомментированная) функция не работает... Она была разработана таким образом, что при нажатии на тело или в любое другое место, кроме меню, когда он открыт, он закроется. пожалуйста, кто-нибудь может помочь мне переписать последнюю функцию, чтобы она работала.

Код: Выделить всё

$(document).ready(function () {
var $navToggle = $('.nav-toggle');
$(".navbtn").click(function () {
if($navToggle.hasClass('active')){
$('#menu').multilevelpushmenu('collapse');
$navToggle.removeClass('active');
$(this).addClass('active');
}
else{
$('#menu').multilevelpushmenu('expand');
$navToggle.addClass('active');
$(this).removeClass('active');
}
});
$(".navbtn").hover(function () {
$('.nav-toggle').addClass('hover');
},function(){
$('.nav-toggle').removeClass('hover');
});

/*$('body').on('click', function(e){
if( !$(this).closest('#menu, .navbtn, .nav-toggle').length) {
$('#menu').multilevelpushmenu('collapse');
$navToggle.removeClass('active');
e.stopPropagation();
};
});*/
});

Я предоставил JSFiddle ниже (меню настроено на полное свертывание при запуске, а не открывается, как в демо-версии)

http://jsfiddle.net/greggy_coding/ppX53/66/

Подробнее здесь: https://stackoverflow.com/questions/305 ... close-menu