slideDown әдісі

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

Синтаксис

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

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

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

.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 кілт сөзін беру арқылы, біз жылдамдықты 600мс деп орнатамыз. Анимация аяқталғаннан кейін консольге 'Animation complete' шығарамыз:

<button>мәтінді көрсету</button>
<p style="display: none">мәтін</p>

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

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

slideUp әдісі,
элементтерді біртіндеп жасырады
slideToggle әдісі,
элементтерді біртіндеп көрсетуді/жасыруды кезектестіреді
fadeIn әдісі,
жасырылған элементтерді біртіндеп көрсетеді, оларды мөлдір емес етеді
show әдісі,
элементтерді біртіндеп көрсетеді