Методот slideDown

Методот slideDown мазно ги прикажува скриените елементи, лизгајќи ги од горе надолу. Елементите може да се сокријат со методот slideUp.

Синтакса

Прикажување за дадено време, 400ms по стандард:

.slideDown(времетраење);

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

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

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

.slideDown();

Исто така може како втор параметар да се пренесе функција за забрзување, како и трет callback-функција - ќе се активира по завршувањето на анимацијата. Двата параметри не се задолжителни:

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

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

.slideDown(опции);

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

.slideDown( {duration: 600, easing: easeInSine} );

Пример

После клик на копчето, да го прикажеме мазно скриениот пасус со методот slideDown. Со пренесување на клучниот збор slow, ќе ја поставиме брзината на 600ms. После завршувањето на анимацијата ќе испечатиме во конзола 'Animation complete':

<button>прикажи текст</button>
<p style="display: none">текст</p>

$('button').click(function() {
	$('p').slideDown('slow', function() {
		console.log('Animation complete')
	});
});

Погледнете ги и

методот slideUp,
кој мазно ги сокрива елементите
методот slideToggle,
кој наизменично ги прикажува/сокрива елементите мазно
методот fadeIn,
кој мазно ги прикажува скриените елементи, правејќи ги непровидна
методот show,
кој мазно ги прикажува елементите