通过单击按钮和外部关闭灯箱

Question

我正在努力弄清楚如何添加关闭Lightbox的功能，方法是点击背景或暗区，并在灯箱上添加一个关闭按钮以关闭它。

<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);
})