如何使滑動切換元素通過點擊任何地方切換，但切換的元素

Question

我有一個問題，我想使用jQuery'.css'將一個元素帶到屏幕上回到它的位置最初當你點擊元素本身以外的任何地方時。

基本上類似於燈箱的東西，您可以點擊黑色疊加層上的任何位置關閉燈箱圖像。

這是我迄今其滑出來我的元素從上面的代碼：

$(".menu-toggle").on("click", function() { 
    $('.slider').css("margin-top", "0px"); 
}); 

與以往一樣，任何幫助表示讚賞！謝謝。 = 0）

Answer 1

您可以綁定文檔上的click()事件，並檢查target是否不是'.slider'。

$(document).on('click',function(e){ 
    if(!$('.slider').is(e.target)){ 
     $('.slider').css("margin-top", "-150px");//hide on top 
    } 
});