如何申請「顯示：無」的div點擊事件，而使用DIV的類

Question

你好我有一些腳本的引導下拉，我想在腳本上應用「display：none」樣式我已經嘗試了下面的腳本

var modal = document.getElementById('black'); 

    window.onclick = function(event) { 
    if (event.target == modal) { 
     modal.style.display = "none"; 
    } 
} 


$('.drp').on('hidden.bs.dropdown', function() { 
    modal.style.display = "none"; 
}); 

$('.drp').on('shown.bs.dropdown', function() { 
modal.style.display = "block"; 
}); 

$('li.dropdown.mega-dropdown a').on('click', function (event) { 
$(this).parent().toggleClass("open"); 
modal.style.display = "block"; 
}); 
$('body').on('click', function (e) { 
if (!$('li.dropdown.mega-dropdown').is(e.target) && $('li.dropdown.mega- dropdown').has(e.target).length === 0 && $('.open').has(e.target).length === 0) { 
    $('li.dropdown.mega-dropdown').removeClass('open'); 
} 
}); 

我想申請（modal.style.display = 「塊」;）上（li.dropdown.mega-下拉菜單）的Click事件。

Answer 1

我做了我的自我，我錯過了我的腳本條件，這是我的正確答案。 [DEMO] [1]

   [1]: https://jsfiddle.net/dami_012/L7yz6v3j/3/