jQuery Etki - toggle() Yöntemi

jQuery Etki Referans Kılavuzu

Örnek

<p> elementinin görünürlük durumunu göster ve gizle:

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

Kişisel Deneyim

Tanım ve Kullanım

toggle() yöntemi, elementlerin görünürlük durumunu değiştirir.

Seçili elementler görünürse, bu elementleri gizler; seçili elementler gizliyse, bu elementleri gösterir.

Sözdizimi

$(seçici).toggle(speed,callback,switch)
Parametreler Açıklama
speed

Opsiyonel. Elementin görünürden gizliye veya gizliyden görünürdeki hızını belirler. Varsayılan olarak "0"dır.

Mümkün olan değerler:

  • Milisaniye (örneğin 1500)
  • "slow"
  • "normal"
  • "fast"

Hız ayarı yapıldığında, element, görünürden gizliye geçiş sırasında yükseklik, genişlik, dış boşluk, iç boşluk ve şeffaflık değerlerini yavaşça değiştirir.

Bu parametre ayarlandığında, switch parametresi kullanılamaz.
callback

Opsiyonel. Toggle fonksiyonu çalıştıktan sonra çalıştırılacak fonksiyon.

Daha fazla callback hakkında bilgi almak için, jQuery Callback bölümümüze gidin.

Bu parametre speed parametresi ayarlandığında ayarlanamaz.
switch

Opsiyonel. Boolean değer. Toggle'un tüm seçili elementleri gizlemek veya göstermek mi olacağını belirler.

  • True - Tüm elementleri göster
  • False - Tüm elementleri gizle

Bu parametre ayarlandığında, speed ve callback parametreleri kullanılamaz.

İpuçları ve Açıklamalar

Açıklama:Bu etki, jQuery ile gizlenen elementler veya CSS'te display:none olarak belirtilen elementler için geçerlidir (visibility:hidden elementler için geçerli değildir).

Daha fazla örnek

speed parametresini kullanın
Elementleri gizlemek ve göstermek için speed parametresini kullanın.
switch parametresini kullanın
Bütün gizli paragrafları göstermek için switch parametresini kullanın.

jQuery Etki Referans Kılavuzu