搜索
您的当前位置:首页点击按钮切换显示和隐藏,点击空白处隐藏盒子

点击按钮切换显示和隐藏,点击空白处隐藏盒子

来源:爱问旅游网

1、点击按钮的时候判断盒子显示状态,是隐藏就显示,显示就隐藏。
2、点击按钮显示了盒子,然后点击盒子之外的空白处隐藏。

$(".share_btn").click(function(){
    if ($(".shareBox").css("display")=="none"){
        $(".shareBox").css("display","flex");
    }else{
        $(".shareBox").css("display","none");
    }               
});
$("body").click(function (e) {
    if (!$(e.target).closest(".share_btn,.shareBox").length) {
        $(".shareBox").hide();
    }
});

因篇幅问题不能全部显示,请点此查看更多更全内容

Top