jQuery - jPanelMenu外にあるどこかをクリックするとトグルされたサブメニューを閉じる方法は？

Question

私はeコマースサイトのためのコードの更新に取り組んでいます

は、モバイルメニューは、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(); 
});