jQuery 오버레이 문제

Question

다음 코드는 # boxclose_4를 클릭하면 오버레이를 닫을 수있게 해줍니다.하지만 오버레이 바깥 쪽을 클릭하여 닫을 수 있기를 원합니다.

$('#boxclose_4').click(function(){ 
      box_4.animate({'top':'-400px'},500,function(){ 
      overlay2.fadeOut(1000); 
       }); 
    }); 

오버레이가 사라지고 빠르게 나타납니다 아래 box_4가 온다 나는 즉시 ('#의 boxclose_4, 몸) 몸을 추가하는 경우.

어떤 도움이 필요합니까? 감사

Answer 1

당신은 이벤트로 .overlay을 추가 할하지 body

$('#boxclose_4, .overlay').click(function(){ 
     box_4.animate({'top':'-400px'},500,function(){ 
     overlay2.fadeOut(1000); 
      }); 
}); 

http://jsfiddle.net/YxhWx/1/