Metode hide
Metode hide menyembunyikan elemen secara halus. Menampilkan
elemen dapat dilakukan dengan metode
show.
Sintaks
Menghilang dalam waktu yang ditentukan,
400ms secara default:
.hide(durasi);
Waktu tidak hanya dapat ditentukan dalam milidetik,
tetapi juga dengan kata kunci slow (600ms)
dan fast (200ms), semakin besar nilainya,
semakin lambat animasinya:
.hide('slow' atau 'fast');
Jika parameter tidak ditentukan - tidak akan ada animasi, elemen akan disembunyikan secara instan:
.hide();
Anda juga dapat meneruskan fungsi easing sebagai parameter kedua, dan juga fungsi callback ketiga - akan dijalankan setelah animasi selesai. Kedua parameter bersifat opsional:
.hide(durasi, [fungsi easing], [fungsi callback]);
Anda dapat meneruskan berbagai opsi ke metode, dalam bentuk objek JavaScript, yang berisi pasangan kunci: nilai:
.hide(options);
Objek seperti itu dapat meneruskan
parameter dan fungsi berikut - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Deskripsi
parameter ini dapat Anda lihat untuk metode
animate. Contohnya,
mari kita atur durasi dan fungsi easing:
.hide( {duration: 800, easing: easeInSine} );
Contoh
Setelah menekan tombol #test, mari
sembunyikan paragraf secara halus dengan metode hide. Dengan meneruskan
kata kunci slow, kita atur kecepatannya
menjadi 600ms. Setelah animasi selesai, tampilkan di
konsol 'Animation complete':
<button id="test">sembunyikan teks</button>
<p>teks</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
