如何通过单击除切换元素之外的任何位置来切换回滑动切换元素

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