Закрываем попап по оверлею

[AlexBond4]

Подскажите пожалуйста как закрыть попап кликом по оверлею(за пределами окна)? Я сделал по крестику, а вот как по оверлею не пойму. Пробовал через find с добавлением дополнительного дива overlayppclose, но тогда попап закрывался кликая по самому окну.

<div class="overlayppclose">
   <div class="overlaypp">
      <div class="panelpp">
       <div class="closepp"></div>
        <p>Лайтбокс тест</p>
      </div>
     </div>
    </div>

Мне же надо только по оверлею и по крестику.
Песочница тут http://goo.gl/gJQvSP

[CodeNOT]

меня разметку так:

 <div class="overlaypp"></div>
 <div class="panelpp">
       <div class="closepp"></div>
        <p>Лайтбокс тест</p>
   </div>

потом делаем так:

$(document).ready(function(){
 $('body').on('click','.overlaypp',function(event){
   $('.panelpp').hide();
   return event.preventDefault();
 });

$('body').on('click','.overlaypp',function(event){
   $('.panelpp,.overlaypp').hide();
   return event.preventDefault();
 });

$('body').on('click','.closepp',function(event){
   $('.panelpp,.overlaypp').hide();
   return event.preventDefault();
 });
});

[AlexBond4]

Спасибо за почву для размышлений. Однако как то громоздко...

[CodeNOT]

ну это на скорую руку, а так, я немного опчетался, код примерно таким будет

$(document).ready(function(){


$('body').on('click','.overlaypp,.closepp',function(event){
   $('.panelpp,.overlaypp').hide();
   return event.preventDefault();
 });

});

[CodeNOT]

ну или можете сделать вообще обвязку по верх попапа, как плагин например и там уже ивенты слушать что значительно удобнее получается