Jquery slideDown slideUp slideToggle metodları

Jquery  slideDown, slideUp, slideToggle metodları  bi başka nesne açma kapa yöntemidir


$(nesne).slideDown(hız)----->  Nesneyi kapar.
$(nesne).slideUp(hız)----->  Nesneyi açar.
$(nesne).slideToggle(hız)-----> Nesneyi hem açar hem kapar.

 


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


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

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

 

Programın Çıktısı

Nesneyi Göstermek / Gizlemek için tıklayınız
Burası gösteriliyor / gizleniyor .......

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
7
Günlük :
116
Haftalık :
360
Aylık :
1406
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."