Jquery点击显示和隐藏

Question

我正在尝试在单击显示和隐藏弹出窗口时创建一个 jquery。

我已经成功创建了点击并显示，但需要能够在点击深色背景时关闭弹出窗口。

请参阅Js Fiddle这里

$('#some-button').on('click', function () { 
    $('#overlay, #overlay-back').fadeIn(500); 
});

Answer 1

$('#some-button').on('click', function () {         
    $('#overlay, #overlay-back').fadeIn(500); 
    $("#overlay").on("click", function(){
      $("#overlay").off("click");
      $(".callme").off("click");
      $("#overlay, #overlay-back").fadeOut(500);  
    });
    $(".callme").on("click", function(e){
       e.stopPropagation();
    });
});