Contoh
Beralih antara petak acara untuk semua <p> elemen:
$("button").click(function(){
$("p").toggle();
});
Cobalah sendiri " Definisi dan Penggunaan
The toggle() metode matikan antara hide() dan show() untuk elemen yang dipilih.
Metode ini memeriksa unsur-unsur yang dipilih untuk visibilitas. show() dijalankan jika elemen tersembunyi. hide() dijalankan jika elemen terlihat - ini menciptakan efek beralih.
Catatan: elemen tersembunyi tidak akan ditampilkan sama sekali (tidak lagi mempengaruhi tata letak halaman).
Tip: Metode ini juga dapat digunakan untuk beralih antara fungsi kustom.
Sintaksis
$(selector).toggle(speed,easing,callback)| Parameter | Deskripsi |
|---|---|
| speed | Pilihan. Menentukan kecepatan menyembunyikan / menampilkan efek Kemungkinan nilai:
|
| easing | Pilihan. Menentukan kecepatan elemen di titik yang berbeda dari animasi. Nilai default adalah "swing" Kemungkinan nilai:
|
| callback | Pilihan. Sebuah fungsi yang akan dieksekusi setelah toggle() metode selesai Untuk mempelajari lebih lanjut tentang callback, kunjungi bab jQuery Callback |
Coba Sendiri - Contoh
toggle() - Menggunakan parameter kecepatan
Cara menggunakan parameter kecepatan untuk menentukan kecepatan efek menyembunyikan / menampilkan.
toggle() - Menggunakan parameter callback
Cara menggunakan parameter callback ketika Toggling antara pengaruh menyembunyikan / menampilkan.