Ö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.