slideUp әдісі

slideUp әдісі элементтерді төменнен жоғары қарай жинай отырып, бірқалыпты жасырады. Элементтерді көрсету үшін slideDown әдісін қолдануға болады.

Синтаксис

Берілген уақыт ішінде жасыру, әдепкі бойынша 400мс:

.slideUp(ұзақтығы);

Уақытты тек миллисекундпен емес, сонымен қатар кілт сөздермен де белгілеуге болады: slow (600мс) және fast (200мс), мән неғұрлым жоғары болса, анимация соғұрлым баяу болады:

.slideUp('slow' немесе 'fast');

Егер параметрлерді көрсетпесеңіз - анимация болмайды, элементтер лезде жасырылады:

.slideUp();

Сондай-ақ екінші параметр ретінде тегіс функциясын беруге болады, ал үшінші параметр ретінде callback-функциясын беруге болады - ол анимация аяқталғаннан кейін іске қосылады. Екі параметр де міндетті емес:

.slideUp(ұзақтығы, [тегіс функциясы], [callback-функция]);

Әдіске әртүрлі опцияларды беруге болады, олар JavaScript нысаны түрінде болады, яғни кілт: мән жұптарынан тұрады:

.slideUp(опциялар);

Мұндай нысан келесі параметрлер мен функцияларды бере алады - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Бұл параметрлердің сипаттамасын сіз animate әдісі үшін көре аласыз. Мысалы, ұзақтық пен тегіс функциясын орнатайық:

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

Мысал

Түймені басқаннан кейін, инпут пен түймені қамтитын ана div элементін slideUp әдісінің көмегімен бірқалыпты жасырайық (бұл div элементін біз parent әдісінің көмегімен табамыз). slow кілт сөзін беру арқылы, біз жылдамдықты 600мс етіп орнатамыз. #test идентификаторы бар div элементіне біз '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');
	});
});

Сондай-ақ қараңыз

slideDown әдісі,
элементтерді бірқалыпты көрсетеді
slideToggle әдісі,
элементтерді бірқалыпты көрсету/жасыруды кезектестіреді
fadeOut әдісі,
элементтерді мөлдір етіп, бірқалыпты жасырады
hide әдісі,
элементтерді бірқалыпты жасырады