Jquery 仅当已显示Div时才隐藏该Div

如果用户单击页面上的任何其他位置时，我需要隐藏弹出窗口popupbox:visible对我不起作用

$(document).ready(function() {
                            $(".popupbox").hide();
                        });
                         $(".ribbon").click(function() {
                            $(".popupbox").toggle();
                        })
                      $(".popupbox img").click(function() {
                            $(".popupbox").hide();
                        })

                      $("body").click(function() {
                            $(".popupbox:visible").hide();

                        })

---

尝试使用

$（.popubox”）.css（“显示”、“无”）

而不是

$（“.popubox:visible”）.hide（）
为什么不直接使用
$（'.popubox'）.hide（）
？如果它不可见，那么就不会发生像$（document）.ready（function（）{$（“.popubox”）.hide（）；}）这样的事情$（“.ribbon”）。单击（函数（）{$（“.popubox”）.toggle（）；}）$（“.popubox img”）。单击（函数（）{$（“.popubox”）.hide（）；}）$（“正文”）：不是（'.popubox，.popubox*'）。单击（函数（）{$（“.popubox:可见”）.hide（）；}）删除所有单击并放置此项。如果不起作用，则返回给我。请明确说明？您想要什么以及当前代码正在做什么。您喜欢在哪种情况下？
$("body"):not('.popupbox, .popupbox *').click(function() {
    $(".popupbox:visible").hide();
})