slideUp մեթոդը

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

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

Թաքցնել տվյալ ժամանակում, լռելյայն 400մվ:

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

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

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

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

.slideUp();

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

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

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

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

Նման օբյեկտը կարող է փոխանցել հետևյալ պարամետրերն ու ֆունկցիաները՝ duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always: Այս պարամետրերի նկարագրությունը դուք կարող եք տեսնել animate մեթոդի համար: Օրինակ, սահմանենք տևողությունն ու հարթության ֆունկցիան:

.slideUp( {duration: 800, easing: easeInSine} );

Օրինակ

Եկեք կոճակը սեղմելուց հետո, հարթ կերպով թաքցնենք ծնողական div-ը, որը պարունակում է դաշտը և կոճակը, օգտագործելով slideUp մեթոդը (այս div-ը մենք կգտնենք օգտագործելով parent մեթոդը): Փոխանցելով slow բանալիային բառը, մենք կսահմանենք արագությունը 600մվ: div-ում #test նշանակությամբ մենք կցուցադրենք 'Text is hidden' գրությունը:

<div>
	<button>թաքցնել տեքստը</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

Տես նաև

slideDown մեթոդը,
որը հարթ կերպով ցուցադրում է տարրերը
slideToggle մեթոդը,
որը հերթափոխում է տարրերի հարթ ցուցադրումը/թաքցնելը
fadeOut մեթոդը,
որը հարթ կերպով թաքցնում է տարրերը՝ դարձնելով դրանք թափանցիկ
hide մեթոդը,
որը հարթ կերպով թաքցնում է տարրերը