關閉一個燈箱，通過點擊一個按鈕和外部

Question

我很想弄清楚如何通過單擊背景或黑暗區域添加關閉燈箱的能力，並添加一個關閉按鈕關閉燈箱。

<script> 

$("a#show-panel").click(function(){ 
    $("#lightbox, #lightbox-panel").fadeIn(300); 
}) 
$("a#close-panel").click(function(){ 
    $("#lightbox, #lightbox-panel").fadeOut(300); 
}) 

</script> 

我使用這個例子：Demo

Answer 1

檢查該更新的小提琴

demo

$("#close-panel,#lightbox").click(function(){ 
$("#lightbox, #lightbox-panel").fadeOut(300); 
})