Kaedah show
Kaedah show memaparkan elemen tersembunyi
dengan lancar. Menyembunyikan elemen boleh dilakukan dengan kaedah
hide.
Sintaks
Paparan untuk tempoh masa yang ditetapkan dalam milisaat,
400ms secara lalai:
.show(duration);
Masa boleh ditetapkan bukan sahaja dalam milisaat,
tetapi juga dengan kata kunci slow (600ms)
dan fast (200ms), lebih besar nilai,
lebih perlahan animasi:
.show('slow' atau 'fast');
Jika parameter tidak dinyatakan - tiada animasi, elemen akan dipaparkan serta-merta:
.show();
Anda juga boleh menghantar fungsi pelancaran sebagai parameter kedua, dan fungsi callback ketiga - akan berfungsi selepas selesai animasi. Kedua-dua parameter adalah pilihan:
.show(duration, [fungsi pelancaran], [fungsi callback]);
Anda boleh menghantar pelbagai pilihan kepada kaedah, dalam bentuk objek JavaScript, yang mengandungi pasangan kunci: nilai:
.show(options);
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 pelancaran:
.show( {duration: 800, easing: easeInSine} );
Contoh
Mari selepas butang ditekan, kita paparkan dengan lancar
perenggan tersembunyi menggunakan kaedah show. Dengan menghantar
kata kunci slow, kita akan menetapkan kelajuan
kepada 600ms. Selepas animasi selesai, kita akan output kepada
konsol 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
