jquery彈出關閉按鈕

Question

嗨，從stackoverflow貢獻者的幫助下，我創建了一個jQuery點擊，彈出和關閉按鈕。

目前的問題是我試圖讓紅色方塊成爲近距離btn，如果你點擊打開的方塊來關閉它。

任何人都可以幫忙嗎？

這裏是我的小提琴>http://jsfiddle.net/EtHbf/301/

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

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

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

Answer 1

只需添加#overlay-back你的第二個click功能

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

Update Fiddle

Answer 2

您還需要添加overlayback功能：

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

Fiddle

Answer 3

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

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

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

http://jsfiddle.net/EtHbf/308/

Answer 4

可以使用fadeToggle()太

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

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

JFIDDLE