Jquery nesne gizleme gösterme toogle metodu

Toggle metodu hide () ve show () metodundaki gizle gösteri tek başına yapar. Yani hep açar hem kapatır.

<script type="text/javascript">   
  $(function(){    
        $(".ackapa").click(function(){
         $(".nesne").toggle(1000)({
             });
             }); 
         });
</script>

<style>
.ackapa { width:220px; height:50px; background:#066; color:#FFF;}
.nesne { width:220px; height:50px; margin-top:10px; background:#000;
color:#FFF;}
</style>

<div class="ackapa">Nesneyi Gizlemek/Göstermek için tıklayınız</div>
<div class="nesne">Burası gizlendi gösterildi</div>

 

Programın Çıktısı

Nesneyi Gizlemek/Göstermek için tıklayınız
Burası gizlendi gösterildi

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
14
Günlük :
110
Haftalık :
355
Aylık :
1144
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."