jQuery olayı - toggle() metodu

jQuery Olay Referans Kılavuzu

Örnek

Farklı arka plan renklerini değiştirme:


  function(){
  $(\"body\
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);

Kişisel olarak deneyin

Tanım ve Kullanım

toggle() yöntemi, seçili elemanların tekrarlayan click olaylarına iki veya daha fazla olay işleyici fonksiyonu bağlamak için kullanılır.

Bu yöntem, seçili elemanların hide() ile show() Yöntemi.

Toggle olayına iki veya daha fazla fonksiyon bağlar

Belirtilen element tıklanırken iki veya daha fazla fonksiyon arasında dönüşümlü olarak geçiş yapar.

İki veya daha fazla fonksiyon belirlendiğinde, toggle() yöntemi tüm fonksiyonları değiştirir. Örneğin, üç fonksiyon varsa, ilk tıklama birinci fonksiyonu çağırır, ikinci tıklama ikinci fonksiyonu çağırır, üçüncü tıklama üçüncü fonksiyonu çağırır. Dördüncü tıklama tekrar birinci fonksiyonu çağırır, ve böyle devam eder.

Sözdizimi

$(Seçici).toggle(function1(),function2(),functionN(),...)

Kişisel olarak deneyin

Parametreler Açıklama
function1() Gerekli. Elementin her tek tıklanışta çalışacak fonksiyonu belirler.
function2() Gerekli. Elementin her çift tıklanışta çalışacak fonksiyonu belirler.
functionN(),... Opsiyonel. Geçiş yapılması gereken diğer fonksiyonları belirler.

Hide() ve Show() arasında geçiş yap

Her bir elementin görünür olup olmadığını kontrol eder.

Eğer element gizlenmişse, show() fonksiyonunu çalıştır. Eğer element görünürse, hide() fonksiyonunu çalıştır. Bu şekilde geçiş etkisi oluşturabilirsiniz.

Sözdizimi

$(Seçici).toggle(hız,callback)

Kişisel olarak deneyin

Parametreler Açıklama
hız

Opsiyonel. hide/show etkisinin hızını belirler. Varsayılan "0"dır.

Mümkün olan değerler:

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

Opsiyonel. toggle() fonksiyonu tamamlandığında çalışacak fonksiyon.

Callback hakkında daha fazla bilgi öğrenmek için sitemizi ziyaret edin Callback Fonksiyonu Eğitimi。

Elemanları göster veya gizle

Sadece tüm eşleşen elemanları göstermeyi veya gizlemeyi belirler.

Sözdizimi

$(Seçici).toggle(switch)

Kişisel olarak deneyin

Parametreler Açıklama
switch

Gerekli. Booleen değer, toggle() fonksiyonunun tüm seçili elemanları sadece göstermeyi veya sadece gizlemeyi gerektirip gerektirmeyeceğini belirler.

  • true - Elemanları göster
  • false - Elemanları gizle

jQuery Olay Referans Kılavuzu