Метод 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, кој содржи input и копче, со методот slideUp (овој div ќе го најдеме со методот parent). Со пренесување на клучниот збор slow, ќе ја поставиме брзината на 600мс. Во div со #test ќе ја испечатиме натписот '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,
кој мазно ги скрива елементите