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

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();
    }
});
1
2
3
4
5
6
7
8
9
10
11
12