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
Açılır Bir Kutu
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!