slideUp Metode

Die metode slideUp verberg elemente sag, deur hulle van onder na bo op te rol. Om elemente te wys kan jy die metode slideDown gebruik.

Sintaksis

Verberg oor 'n gegewe tyd, 400ms by verstek:

.slideUp(duur);

Tyd kan nie net in millisekondes gespesifiseer word nie, maar ook met sleutelwoorde slow (600ms) en fast (200ms), hoe groter die waarde, hoe stadiger die animasie:

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

As jy geen parameters spesifiseer nie - sal daar geen animasie wees nie, elemente sal oombliklik verdwyn:

.slideUp();

Jy kan ook 'n versnellingsfunksie as tweede parameter deurgee, sowel as 'n callback-funksie as derde - wat sal uitvoer na die animasie voltooi is. Albei parameters is opsioneel:

.slideUp(duur, [versnellingsfunksie], [callback-funksie]);

Jy kan verskeie opsies aan die metode deurgee, in die vorm van 'n JavaScript objek, wat sleutel: waarde pare bevat:

.slideUp(opsies);

So 'n objek kan die volgende parameters en funksies deurgee - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. 'n Beskrywing van hierdie parameters kan jy vind vir die metode animate. Byvoorbeeld, laat ons die duur en versnellingsfunksie stel:

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

Voorbeeld

Laat ons na die knoppie gedruk is, die ouer div sag verberg, wat die invoerveld en knoppie bevat, met behulp van die metode slideUp (hierdie div sal ons vind met behulp van die metode parent). Deur die sleutelwoord slow deur te gee, stel ons die spoed op 600ms. In die div met #test sal ons die inskrywing 'Text is hidden' wys:

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

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

Sien ook

metode slideDown,
wat elemente sag wys
metode slideToggle,
wat sagte wys/verberg van elemente afwissel
metode fadeOut,
wat elemente sag verberg, deur hulle deursigtig te maak
metode hide,
wat elemente sag verberg