jQuery Kaydırma

slideDown() Fonksiyonu

Görünmeyen gizlenmiş bir nesneyi, görünür hale getirir. Bunu yaparken aşağıya doğru açılmasını sağlar. Parantez içinde ne kadar sürede açılacağı yazılabilir.

ÖRNEK

JAVASCRIPT Kodu

<div id="d1" class="kutu">Buraya Tıkla</div>
<div id="d2" class="kutu2" style="display: none;">Açılır Bir Kutu</div>
<script>
$("#d1").click(function(){
   $("#d2").slideDown(1000);
});
</script><br /><br /><br />

Buraya Tıkla



slideUp() Fonksiyonu

Nesneyi yukarı doğru taşıyarak yavaşça kaybolmasını sağlar.

ÖRNEK

JAVASCRIPT Kodu

<div id="d1" class="kutu">Buraya Tıkla</div>
<div id="d2" class="kutu2">Kapatılacak Bir Kutu</div>
<script>
$("#d1").click(function(){
   $("#d2").slideUp(1000);
});
</script><br /><br /><br />

Buraya Tıkla
Kapatılacak Bir Kutu



slideToggle() Fonksiyonu

Hem slideDown hem slideUp bir aradadır. Yani tıklandığında açıksa kapanır, kapalıysa açılır.

ÖRNEK

JAVASCRIPT Kodu

<div id="d1" class="kutu">Buraya Tıkla</div>
<div id="d2" class="kutu2">Kapatılacak Bir Kutu</div>
<script>
$("#d1").click(function(){
   $("#d2").slideUp(1000);
});
</script><br /><br /><br />

Yazıyı Göster / Gizle
Merhaba Dünya!