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

最新推荐文章于 2024-03-29 10:41:36 发布

QSWQSWQSWQSWQSW

最新推荐文章于 2024-03-29 10:41:36 发布

阅读量1.3k

点赞数 1

分类专栏： IT js 文章标签： javascript css 前端

本文链接：https://blog.csdn.net/qq_43209114/article/details/125907524

版权

IT 同时被 2 个专栏收录

83 篇文章 2 订阅

订阅专栏

46 篇文章 0 订阅

订阅专栏

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