Kaedah slideUp

Kaedah slideUp menyembunyikan elemen secara lancar, menggulungnya dari bawah ke atas. Menunjukkan elemen boleh dilakukan dengan kaedah slideDown.

Sintaks

Menyembunyikan dalam tempoh masa yang ditetapkan, 400ms secara lalai:

.slideUp(duration);

Masa boleh ditetapkan bukan hanya dalam milisaat, tetapi juga dengan kata kunci slow (600ms) dan fast (200ms), semakin besar nilai, semakin perlahan animasi:

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

Jika parameter tidak dinyatakan - animasi tidak akan berlaku, elemen akan disembunyikan serta-merta:

.slideUp();

Juga boleh menghantar fungsi kelancaran sebagai parameter kedua, dan fungsi panggilan balik ketiga - akan berfungsi selepas selesai animasi. Kedua-dua parameter adalah pilihan:

.slideUp(duration, [fungsi kelancaran], [fungsi panggilan balik]);

Boleh menghantar pelbagai pilihan kepada kaedah, dalam bentuk objek JavaScript, yang mengandungi pasangan kunci: nilai:

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

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

Contoh

Mari selepas butang ditekan, sembunyikan secara lancar div induk, yang mengandungi input dan butang, dengan kaedah slideUp ( div ini akan kita cari dengan kaedah parent). Dengan menghantar kata kunci slow, kita akan menetapkan kelajuan kepada 600ms. Dalam div dengan #test kita akan output tulisan 'Text is hidden':

<div>
	<button>hide text</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

kaedah slideDown,
yang menunjukkan elemen secara lancar
kaedah slideToggle,
yang berselang-seli menunjukkan/menyembunyikan elemen secara lancar
kaedah fadeOut,
yang menyembunyikan elemen secara lancar, membuatnya lutsinar
kaedah hide,
yang menyembunyikan elemen secara lancar