Meetod slideUp

Meetod slideUp peidab elemendid sujuvalt, kerides need üles alt. Näidata elemente saab meetodi abil slideDown.

Süntaks

Peitmine määratud aja jooksul, 400ms vaikimisi:

javascript.slideUp(kestus);

Aega saab määrata mitte ainult millisekundites, vaid ka võtmesõnadega slow (600ms) ja fast (200ms), mida suurem väärtus, seda aeglasem animatsioon:

javascript.slideUp('slow' või 'fast');

Kui parameetreid ei määrata - animatsiooni ei toimu, elemendid peidetakse koheselt:

javascript.slideUp();

Saab ka teise parameetrina edastada sujuvusfunktsiooni, ning kolmandana callback-funktsiooni - käivitub pärast animatsiooni lõppu. Mõlemad parameetrid on valikulised:

javascript.slideUp(kestus, [sujuvusfunktsioon], [callback-funktsioon]);

Saab meetodile edastada erinevaid valikuid, JavaScripti objekti kujul, mis sisaldab paare võti: väärtus:

javascript.slideUp(valikud);

Selline objekt saab edastada järgmisi parameetreid ja funktsioone - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Kirjelduse nende parameetrite kohta saate vaadata meetodi animate jaoks. Näiteks, määrame kestuse ja sujuvusfunktsiooni:

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

Näide

Peidame pärast nupu vajutamist sujuvalt vanem div, mis sisaldab inputit ja nuppu, meetodi slideUp abiga (selle div leiame meetodi abil parent). Edastades võtmesõna slow, määrame kiiruseks 600ms. div-i #test sisse väljastame kirje 'Text is hidden':

html<div>
  <button>peida tekst</button>
  <input type="text" value="aaa">
</div>
<div id="test"></div>

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

Vaata ka