Метод 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,
яширин элементларни мулук кўрсатади, уларни шaffоф қилади
метод show,
элементларни мулук кўрсатади