jQuery - на jPanelMenu, как закрыть переключаемое подменю при нажатии в любом месте за его пределами?

Question

Я работаю над обновлением кода для сайта электронной коммерции, мобильное меню использует плагин JQuery jPanelMenu и код выглядит следующим образом:

var jPM = $.jPanelMenu({ 
    menu: '#mainMenu', 
    trigger: '.mobileMenuLink', 
    duration: 300 
}); 
jPM.on(); 

$('.styloSearch').clone().prependTo($('#jPanelMenu-menu')); 

$('#jPanelMenu-menu').removeClass("sf-menu sf-js-enabled sf-arrows"); 

$('#jPanelMenu-menu li.menu-parent-item a').click(function(e){ 
    $(this).siblings("ul").toggle(); 
    e.preventDefault(); 

}); 

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

Любая идея, как достичь этого?

Большое спасибо!

Answer 1

использовать $('*') селектор, который выбирает все элементы

вам нужно сохранить исходную функцию тоже, и добавить:

$('*').click(function(e){ 
    $(this).siblings("ul").hide(); 
    e.preventDefault(); 
});