Meetod show

Meetod show näitab sujuvalt peidetud elemente. Elemente saab peita kasutades meetodit hide.

Süntaks

Näitamine määratud aja jooksul millisekundites, vaikimisi 400ms:

javascript.show(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.show('slow' või 'fast');

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

javascript.show();

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

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

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

javascript.show(valikud);

Selline objekt saab edastada järgmisi parameetreid ja funktsioone - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Nende parameetrite kirjeldust saad vaadata meetodi animate puhul. Näiteks, määrame kestuse ja sujuvusfunktsiooni:

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

Näide

Teeme nuppu vajutades sujuvalt nähtavaks peidetud lõigu meetodi show abil. Edastades võtmesõna slow, määrame kiiruseks 600ms. Pärast animatsiooni lõppu väljastame konsooli 'Animatsioon lõpetatud':

html<button>näita teksti</button>
<p style="display: none">text</p>

javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Vaata ka