slideDown մեթոդ

slideDown մեթոդը հարթ կերպով ցույց է տալիս թաքնված տարրերը՝ դրանք վերևից ներքև դուրս գլորելով։ Տարրերը կարելի է թաքցնել օգտագործելով slideUp մեթոդը։

Շարահյուսություն

Ցուցադրում տրված ժամանակում, 400մվ լռելյայն.

.slideDown(տևողություն);

Ժամանակը կարելի է նշել ոչ միայն միլիվայրկյաններով, այլ նաև ծառայողական բառերով՝ slow (600մվ) և fast (200մվ), որքան մեծ է արժեքը, այնքան դանդաղ է անիմացիան.

.slideDown('slow' կամ 'fast');

Եթե պարամետրեր չնշել՝ անիմացիա չի լինի, տարրերը կցուցադրվեն ակնթարթորեն.

.slideDown();

Կարելի է նաև երկրորդ պարամետրով փոխանցել հարթության ֆունկցիա, իսկ երրորդով՝ callback ֆունկցիա, որը կգործարկվի անիմացիայի ավարտից հետո։ Երկու պարամետրերն էլ ընտրովի են.

.slideDown(տևողություն, [հարթության ֆունկցիա], [callback ֆունկցիա]);

Կարելի է մեթոդին փոխանցել տարբեր ընտրանքներ, JavaScript օբյեկտի տեսքով, որը պարունակում է բանալի: արժեք զույգեր.

.slideDown(ընտրանքներ);

Նման օբյեկտը կարող է փոխանցել հետևյալ պարամետրերն ու ֆունկցիաները՝ 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 մեթոդը,
որը հարթ կերպով ցույց է տալիս տարրերը