Метод slideDown

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

Синтакса

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

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

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

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

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

.slideDown();

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

.slideDown(трајање, [функција еасинга], [callback функција]);

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

.slideDown(options);

Такав објекат може да проследи следеће параметре и функције - 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,
који глатко приказује елементе