Efek jQuery - Sembunyikan dan Tampilkan
Sembunyikan, Tampilkan, Toggle, Slide, Fade, dan Animate. WOW!
Klik untuk menampilkan/menyembunyikan panel
Karena waktu sangat berharga, kami memberikan pembelajaran yang cepat dan mudah.
Di W3Schools, Anda dapat mempelajari semua yang perlu Anda pelajari, dalam format yang mudah diakses dan praktis.
Contoh
Mendemonstrasikan metode sederhana jQuery hide().
() Demonstrasi hide() lainnya. Cara menyembunyikan bagian teks.
jQuery sembunyikan() dan tampilkan()
Dengan jQuery, Anda dapat menyembunyikan dan menampilkan elemen HTML dengan metode hide()
and show()
:
Contoh
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Sintaksis:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Parameter kecepatan opsional menentukan kecepatan menyembunyikan/menampilkan, dan dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.
Parameter callback opsional adalah fungsi yang akan dieksekusi setelah metode hide()
or show()
selesai (Anda akan mempelajari lebih lanjut tentang fungsi callback di bab selanjutnya).
Contoh berikut menunjukkan parameter kecepatan dengan hide()
:
Contoh
$("button").click(function(){
$("p").hide(1000);
});
sakelar jQuery ()
Anda juga dapat beralih antara menyembunyikan dan menampilkan elemen dengan toggle()
metode.
Elemen yang ditampilkan disembunyikan dan elemen tersembunyi ditampilkan:
Contoh
$("button").click(function(){
$("p").toggle();
});
Sintaksis:
$(selector).toggle(speed,callback);
Parameter kecepatan opsional dapat mengambil nilai berikut: "lambat", "cepat", atau milidetik.
Parameter callback opsional adalah fungsi yang akan dieksekusi setelah
toggle()
selesai.
Latihan jQuery
Referensi Efek jQuery
Untuk gambaran lengkap semua efek jQuery, silakan kunjungi Referensi Efek jQuery kami .