Metode show
Metode show menampilkan elemen yang tersembunyi
secara halus. Menyembunyikan elemen dapat dilakukan dengan metode
hide.
Sintaks
Menampilkan dalam waktu yang ditentukan dalam milidetik,
400ms secara default:
.show(duration);
Waktu tidak hanya dapat ditentukan dalam milidetik,
tetapi juga dengan kata kunci slow (600ms)
dan fast (200ms), semakin besar nilainya,
animasi semakin lambat:
.show('slow' atau 'fast');
Jika parameter tidak ditentukan - tidak akan ada animasi, elemen akan ditampilkan secara instan:
.show();
Anda juga dapat meneruskan fungsi easing sebagai parameter kedua, dan fungsi callback ketiga - akan dijalankan setelah animasi selesai. Kedua parameter bersifat opsional:
.show(duration, [fungsi easing], [fungsi callback]);
Anda dapat meneruskan berbagai opsi ke metode, dalam bentuk objek JavaScript, yang berisi pasangan key: value:
.show(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 atur durasi dan fungsi easing:
.show( {duration: 800, easing: easeInSine} );
Contoh
Setelah tombol ditekan, mari tampilkan secara halus
paragraf yang tersembunyi menggunakan metode show. Dengan meneruskan
kata kunci slow, kita atur kecepatannya
menjadi 600ms. Setelah animasi selesai, tampilkan di
konsol 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
