Metode hide

Metode hide menyembunyikan elemen secara halus. Menampilkan elemen dapat dilakukan dengan metode show.

Sintaks

Menghilang dalam waktu yang ditentukan, 400ms secara default:

javascript.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:

javascript.hide('slow' atau 'fast');

Jika parameter tidak ditentukan - tidak akan ada animasi, elemen akan disembunyikan secara instan:

javascript.hide();

Anda juga dapat meneruskan fungsi easing sebagai parameter kedua, dan juga fungsi callback ketiga - akan dijalankan setelah animasi selesai. Kedua parameter bersifat opsional:

javascript.hide(durasi, [fungsi easing], [fungsi callback]);

Anda dapat meneruskan berbagai opsi ke metode, dalam bentuk objek JavaScript, yang berisi pasangan kunci: nilai:

javascript.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:

javascript.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':

html<button id="test">sembunyikan teks</button>
<p>teks</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Lihat juga