Metod slideUp

Metod slideUp elementlarni pastdan yuqoriga aşırıp, sekin yashiradi. Elementlarni ko'rsatish uchun slideDown metodidan foydalanish mumkin.

Sintaksis

Belgilangan vaqt oralig'ida yashirish, 400ms standart hisoblanadi:

.slideUp(davomiylik);

Vaqtni faqat millisekundlarda emas, balki slow (600ms) va fast (200ms) kalit so'zlar bilan ham belgilash mumkin, qiymat qancha katta bo'lsa, animatsiya shuncha sekinroq bo'ladi:

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

Agar parametrlarni ko'rsatmasangiz - animatsiya bo'lmaydi, elementlar darhol yashirinadi:

.slideUp();

Shuningdek, ikkinchi parametr sifatida silliqlik funktsiyasini, uchinchi parametr sifatida esa callback-funksiyani - animatsiya tugagandan so'ng ishlaydigan funksiyani uzatish mumkin. Ikkala parametr ham ixtiyoriy:

.slideUp(davomiylik, [silliqlik funktsiyasi], [callback-funksiya]);

Metodga turli xil opsiyalarni, JavaScript obyekti shaklida, o'z ichiga olgan kalit: qiymat juftliklarini uzatish mumkin:

.slideUp(options);

Bunday obyekt quyidagi parametrlar va funktsiyalarni uzatishi mumkin - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Ushbu parametrlarning tavsifini siz animate metodi uchun ko'rishingiz mumkin. Masalan, davomiylik va silliqlik funktsiyasini o'rnatamiz:

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

Misol

Keling, tugmani bosgandan so'ng, sekinlik bilan slideUp metodi yordamida input va tugmani o'z ichiga olgan ota-ona div ni yashiramiz (bu div ni biz parent metodi yordamida topamiz). slow kalit so'zini uzatib, biz tezlikni 600ms ga o'rnatamiz. div da #test biz 'Text is hidden' yozuvini chiqaramiz:

<div>
	<button>matnni yashirish</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

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

Shuningdek qarang

metod slideDown,
elementlarni sekin ko'rsatadi
metod slideToggle,
elementlarni sekin ko'rsatish/yashirishni almashtiradi
metod fadeOut,
elementlarni shaffof qilib, sekin yashiradi
metod hide,
elementlarni sekin yashiradi