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 методу,
элементтерди жай көрсөтөт