Усули 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('Анимация анҷом ёфт')
	});
});

Ҳамчунин бубинед

усули slideUp,
ки унсурҳоро ба таври ҳавоӣ пинҳон мекунад
усули slideToggle,
ки намоиши ҳавоӣ/пинҳонкунии унсурҳоро иваз мекунад
усули fadeIn,
ки унсурҳои пинҳоншударо ба таври ҳавоӣ намоиш дода, онҳоро ғайришаффоф мекунад
усули show,
ки унсурҳоро ба таври ҳавоӣ намоиш медиҳад