如何使滑动切换元素通过点击任何地方切换，但切换的元素

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 
    } 
});