Metode slideUp

Metode slideUp menyembunyikan elemen secara halus, menggulungnya dari bawah ke atas. Menampilkan elemen dapat dilakukan dengan metode slideDown.

Sintaks

Menyembunyikan dalam waktu yang ditentukan, 400ms secara default:

.slideUp(durasi);

Waktu dapat ditentukan tidak hanya dalam milidetik, tetapi juga dengan kata kunci slow (600ms) dan fast (200ms), semakin besar nilainya, semakin lambat animasinya:

.slideUp('slow' atau 'fast');

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

.slideUp();

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

.slideUp(durasi, [fungsi easing], [fungsi callback]);

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

.slideUp(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:

.slideUp( {duration: 800, easing: easeInSine} );

Contoh

Setelah tombol ditekan, mari sembunyikan secara halus div induk, yang berisi input dan tombol, dengan metode slideUp (div ini akan kita temukan dengan metode parent). Dengan meneruskan kata kunci slow, kita akan mengatur kecepatan menjadi 600ms. Di div dengan #test kita akan menampilkan tulisan 'Text is hidden':

<div>
	<button>sembunyikan teks</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

Lihat juga

metode slideDown,
yang menampilkan elemen secara halus
metode slideToggle,
yang bergantian menampilkan/menyembunyikan elemen secara halus
metode fadeOut,
yang menyembunyikan elemen secara halus, membuatnya transparan
metode hide,
yang menyembunyikan elemen secara halus