ドロップダウンメニューをクリックしてオーバーレイを表示

Question

クリックするとオーバーレイをトリガーしてドロップダウンメニューにフォーカスを当てる必要があるドロップダウンメニューがあります。 私は2つのドロップダウンメニューを持っているので、通常のtoggleClass（）を使うことができないので、解決策を見つけて、オーバーレイが既に表示されているかどうかを調べるために条件を実行します。

すべて正常ですが、 li.dropdown上のユーザーダブルクリックは、このソリューションはもう動作しない場合は、問題を抱えている:(私はli.dropdownにユーザーをダブルクリックした場合、上層を非表示にすることができますどのように

？

この私のコードは>https://codepen.io/mp1985/pen/KrBOdB

$('li.dropdown').click(function() { 
    if (!$('.full-overlayer').hasClass('show')){ 
     $(".full-overlayer").toggleClass("show"); 
    } 
}); 


$('.full-overlayer, .dropdown-menu a').click(function() { 
    $('.full-overlayer').removeClass('show'); 
}); 

これがこのタスクにアプローチする最良の解決策であるかどうかはわかりません。

提案やアドバイスはありますか？

Answer 1

WORKING CODEPEN - >https://codepen.io/anon/pen/grdgva]

$('li.dropdown').on('click',function() { 
    if (!$(this).hasClass('open')) 
    { 
     $(".full-overlayer").addClass("show"); 
    } else 
    { 
     $(".full-overlayer").removeClass("show"); 
    } 
}); 


$('.full-overlayer, .dropdown-menu a').click(function() { 
    $('.full-overlayer').removeClass('show'); 
}); 

多分それは多分私の作品解決策を見つけた...

Answer 2

に役立ちます。 条件がチェックする場合、私は、これはクラス

if ($(this).hasClass('open')) { 
    $(".full-overlayer").removeClass("show"); 
    } 

を「開く」を持っている場合、私は今テストしていたが、それが仕事と思われる、または少なくとも私は誰かが将来のために必要がある場合は、ここ

がcodepenを願って別を追加しました>https://codepen.io/mp1985/pen/kXjOAN