Jquery on click show and hide

Question

Я пытаюсь создать jquery на показе клика и скрыть всплывающее окно.

Мне удалось создать клик и показать, но вам нужно будет сделать всплывающее окно, когда вы нажмете на темный bg.

Пожалуйста, смотрите 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(); 
    }); 
}); 

Answer 2

Добавьте это в JavaScript:

$("#overlay").on('click',function(){ 
    $('#overlay, #overlay-back').fadeOut(500); 
}); 

Answer 3

Просто создать FADEOUT на накладкой нажмите

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

Answer 4

Вы можете использовать это:

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

$('.callme').on('click', function (e) { 
    e.stopPropagation(); 
}); 

Fiddle Demo

Answer 5

В основном вы добавляете обработчик щелчка к накладке и проверьте, чтобы убедиться, что .callme ДИВ не были нажаты, а затем скрыть пометки. .

$('#overlay').click(function(e){console.log(e); 
    if ($(e.target).is(':not(.callme)')){ 
     $('#overlay, #overlay-back').fadeOut(500); 
    } 
}); 

http://jsfiddle.net/EtHbf/300/