Jquery – Boş yere tıklandığında kapanan div

Jquery ile açılır kapanır div yaptığımızda açılan divi kapatmak için bir kapat butonu yaparız veya toggle özelliği var ise zaten tekrar tıkladığımız yere tıklayınca kapanır.

Fakat biz açılan divin dışında bir yere tıkladığımızda divin kapanmasını istiyoruz. O zaman beni izleyin ve bu kodları sayfanıza yazın.

HTML Kodlarımız:

<div class="bolum2"><span>Tıkla açılsın</span></div>

Şimdide javascript kodları:

 $(document).ready(function() {
         $('html').click(function(){
           $("#ul1").hide(); 
         });  
            $(".bolum2 span").click(function(e){
                e.stopPropagation();
              $("#ul1").toggle();  
 
    });
 
});

Demoyu Gör

Yorum yap