jquery - ポップアップが正しく処理されない

Question

プロジェクトのポップオーバーを作成しようとしていますが、ドキュメント内の他の場所をクリックすると閉じますが、ポップオーバー div をクリックすると閉じてしまうという問題があります。ドキュメント内の div 以外の場所をクリックすると、閉じられるはずです。

ここでフィドル

$(document).ready(function(){
    jQuery.fx.speeds = {
        fast: 120           
    };
    $("#popup-img").click(function (e) {
        if ($(".popup").is(":hidden")) {
        $(".checkbox input").removeAttr("checked");
    $(".popup").slideDown("fast");
        }
        else {
        $(".popup").slideUp("fast");
        }
    e.stopPropagation();
    });

    $("body").click(function(){
        $(".popup").slideUp("fast");
    });         
});

Answer 1

これを試して

$(document).click(function(){
if (!$('.popup').is(e.target) && $('.popup').has(e.target).length === 0) {
      $(".popup").slideUp("fast");
 }

});

ここでフィドル

Answer 2

ポップアップ内でクリックが発生したかどうかをテストする必要があります

$("body").click(function (e) {
    if ($(e.target).closest('.popup').length == 0) {
        $(".popup").slideUp("fast");
    }
});

デモ:フィドル