Метод slideUp

Метод slideUp полако крије елементе, увлачећи их одоздо навише. Показати елементе је могуће помоћу методе slideDown.

Синтакса

Кријенје током задатог времена, 400мс подразумевано:

.slideUp(трајање);

Време се може задати не само у милисекундама, већ и кључним речима slow (600мс) и fast (200мс), што је већа вредност, то је спорија анимација:

.slideUp('slow' или 'fast');

Ако параметри нису наведени - неће бити анимације, елементи ће се сакривати тренутно:

.slideUp();

Може се такође другим параметром проследити функција убрзања, а трећим callback-функција - која се извршава након анимације. Оба параметра су опционална:

.slideUp(трајање, [функција убрзања], [callback-функција]);

Методу се могу проследити разне опције, у облику JavaScript објекта, који садржи парове кључ: вредност:

.slideUp(options);

Такав објекат може да преноси следеће параметре и функције - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Опис ових параметара можете погледати за метод animate. На пример, поставимо трајање и функцију убрзања:

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

Пример

Хајде да након клиска на дугме, полако сакријемо родитељски div, који садржи инпут и дугме, помоћу методе slideUp (овај div ћемо пронаћи помоћу методе parent). Прослеђивањем кључне речи slow, поставићемо брзину на 600мс. У div са #test исписаћемо натпис 'Text is hidden':

<div>
	<button>сакриј текст</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,
која полако крије елементе