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 :
167
Haftalık :
1008
Aylık :
4150
Copyright © 2012 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, herhangi bir sitede iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim.