Kaedah hide
Kaedah hide menyembunyikan elemen secara beransur-ansur. Tunjukkan
elemen boleh dengan menggunakan kaedah
show.
Sintaks
Kehilangan dalam masa yang ditetapkan,
400ms secara lalai:
.hide(tempoh);
Masa boleh ditetapkan bukan sahaja dalam milisaat,
tetapi juga dengan kata kunci slow (600ms)
dan fast (200ms), semakin besar nilai,
semakin perlahan animasi:
.hide('slow' atau 'fast');
Jika parameter tidak dinyatakan - animasi tidak akan berlaku, elemen akan disembunyikan serta-merta:
.hide();
Boleh juga menghantar fungsi kelancaran sebagai parameter kedua, dan juga fungsi callback ketiga - akan berfungsi selepas selesai animasi. Kedua-dua parameter adalah pilihan:
.hide(tempoh, [fungsi kelancaran], [fungsi callback]);
Boleh menghantar pelbagai pilihan kepada kaedah, dalam bentuk objek JavaScript, yang mengandungi pasangan kunci: nilai:
.hide(pilihan);
Objek sedemikian boleh menghantar parameter dan fungsi
berikut - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Penerangan
parameter ini anda boleh lihat untuk kaedah
animate. Sebagai contoh,
mari tetapkan tempoh dan fungsi kelancaran:
.hide( {duration: 800, easing: easeInSine} );
Contoh
Mari selepas menekan butang #test, secara beransur-ansur
sembunyikan perenggan dengan kaedah hide. Dengan menghantar
kata kunci slow, kami akan menetapkan kelajuan
kepada 600ms. Selepas animasi selesai, output ke
konsol 'Animation complete':
<button id="test">sembunyikan teks</button>
<p>teks</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
