Sayfadaki Tüm Div leri Gizle / Göster

Can sikintisinda oturuken aklima div lerle ugrasmak geldi.Sayfaki tüm divleri gizlemek için asagidaki kodu kullanabilirsiniz. Eger sadece tek bir div i gizlemek isterseniz içerideki for döngüsünü silmeniz yeterli olucaktir.

 function TumDivleriGizle(obj)
 {
  var tum_divler = document.getElementsByTagName('div');
  var tum_divler_adet = tum_divler.length;
  var i;
  if(obj == "none" )
  {
     for(i=0; i<tum_divler_adet; i++)
   {
   tum_divler[i].style.display = 'none'
   }
  }
    else
  {
     for(i=0; i<tum_divler_adet; i++)
   {
   tum_divler[i].style.display = 'block'
   }
  }        

 }
</script>
Daha sonra sayfanin herhangi bir yerinde asagidaki sekilde kullanabiliriz.
 <div id="testDiv">Form elemanlari</div>
 <div id="testDiv">Form elemanlari 2</div>
 <div id="testDiv">Form elemanlari 3</div>
 <a href="javascript:TumDivleriGizle('none');">Hepsini Gizle</a>
 <a href="javascript:TumDivleriGizle('block');">Hepsini Göster</a>