Metode slideUp

Metode slideUp vienmērīgi paslēpj elementus, sarullējot tos no apakšas uz augšu. Rādīt elementus var ar metodes slideDown palīdzību.

Sintakse

Paslēpšana noteiktā laikā, 400ms pēc noklusējuma:

.slideUp(duration);

Laiku var norādīt ne tikai milisekundēs, bet arī atslēgvārdiem slow (600ms) un fast (200ms), jo lielāka vērtība, jo lēnāka animācija:

.slideUp('slow' vai 'fast');

Ja neizmantojat parametrus - animācijas nebūs, elementi tiks paslēpti acumirklī:

.slideUp();

Var arī kā otro parametru nodot gluduma funkciju, un kā trešo callback funkciju - tiks izpildīta pēc animācijas pabeigšanas. Abi parametri nav obligāti:

.slideUp(duration, [easing function], [callback function]);

Var nodot metodei dažādas opcijas, JavaScript objekta veidā, kas satur pārus atslēga: vērtība:

.slideUp(options);

Šāds objekts var nodot sekojošus parametrus un funkcijas - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Aprakstu šiem parametriem var apskatīt metodei animate. Piemēram, iestatīsim ilgumu un gluduma funkciju:

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

Piemērs

Pēc pogas nospiešanas, vienmērīgi paslēpsim vecāka div, kas satur input un pogu, ar metodes slideUp palīdzību (šo div mēs atradīsim ar metodes parent palīdzību). Norādot atslēgvārdu slow, mēs iestatīsim ātrumu uz 600ms. div ar #test mēs izvadīsim uzrakstu 'Text is hidden':

<div>
	<button>hide text</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

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

Skatiet arī

metode slideDown,
kas vienmērīgi rāda elementus
metode slideToggle,
kas pārmaiņus rāda/paslēpj elementus
metode fadeOut,
kas vienmērīgi paslēpj elementus, padarot tos caurspīdīgus
metode hide,
kas vienmērīgi paslēpj elementus