jQuery Etki - slideToggle() Metodu

Örnek

Görünür ve gizlenmiş durumlar arasında <p> elementlerini kayan etkisi ile geçiş yapın:

$(".btn1").click(function(){
  $("p").slideToggle();
});

Deneyin

Tanım ve Kullanım

slideToggle() metodu, elementin görünür durumunu değiştirmek için kayan etkisini (yükseklik değişikliği) kullanır.

Seçilen element görünümdedeyse, bu elementleri gizler; seçilen element gizlenmişse, bu elementleri gösterir.

Sözdizimi

$().slideToggle(speed,callback)
Parametre Açıklama
speed

İsteğe bağlı. Elementin gizlenmişten görünür veya görünürden gizlenmiş olma hızını belirler (tersi de geçerlidir). Varsayılan "normal" olarak ayarlanır.

Mümkün olan değerler:

  • milisaniye (örneğin 1500)
  • "yavaş"
  • "normal"
  • "hızlı"

Hız ayarlandığında, element değişkenlik sırasında yavaşça yüksekliğini değiştirir (böylece kayan etkisi yaratılır).

callback

İsteğe bağlı. toggle fonksiyonu çalıştıktan sonra çalıştırılacak fonksiyon.

callback hakkında daha fazla bilgi öğrenmek için, jQuery Callback başlığını ziyaret edin.

speed parametresi ayarlanmadıysa, bu parametreyi ayarlamak mümkün değildir.

İpucu ve Açıklamalar

İpucu:Eğer element zaten gizlenmişse, bu etki herhangi bir değişiklik yapmaz, callback fonksiyonu belirlenmediği sürece.

Daha fazla örnek

speed parametresi kullanarak
speed parametresi kullanarak aşağı yukarı kayan ve gizlenmiş elementleri göstermek ve gizlemek için kullanılır.