En son web geliştirme öğreticiler
 

jQuery toggle() Method

<JQuery etkisi Yöntemleri

Örnek

Herkes için gizle ve göster arasında geçiş <p> elemanları:

$("button").click(function(){
    $("p").toggle();
});
Kendin dene "

Tanımı ve Kullanımı

toggle() metodu arasında geçiş hide() ve show() seçilmiş elemanları.

Bu yöntem, görüş için seçilen elemanları kontrol eder. show() bir eleman gizlenmiş ise çalıştırılır. hide() bir eleman görünür ise çalıştırılan - Bu geçiş etkisi yaratır.

Note : Gizli elemanlar hiç gösterilmeyecektir (artık sayfasının düzenini etkiler).

Tip: Bu yöntem ayrıca özel işlevler arasında geçiş yapmak için kullanılabilir.


Sözdizimi

$( Parametre Açıklama speed İsteğe bağlı. gizlemek / göstermek etkisinin hızını belirler

Olası değerler:

  • milisaniye
  • "slow"
  • "fast"
easing İsteğe bağlı. animasyon farklı noktalarında elemanın hızını belirtir. Varsayılan değer "swing"

Olası değerler:

  • "swing" - hızlı ortada başlangıcı / sonu yavaş hareket eder, fakat
  • "linear" - sabit bir hızda hareket eder
Tip: Daha kolaylaştırılması fonksiyonları harici eklentiler mevcuttur callback İsteğe bağlı. Bir fonksiyon sonra yürütülecek toggle() yöntemi tamamlandıktan

Callback'inde hakkında daha fazla bilgi edinmek için ziyaret jQuery geri arama bölüm


it Yourself deneyin - Örnekler

toggle() - hız parametresi kullanılması
Nasıl gizlemek / göstermek etkisinin hızını belirtmek için hız parametresini kullanmak.

toggle() - geri arama parametresini kullanarak
gizlemek / göstermek etkisi arasında geçiş yaparken nasıl geri arama parametre kullanmak.


<JQuery etkisi Yöntemleri