show-metode
Die metode show wys verborge elemente
vloeibaar. Elemente kan weggesteek word met die metode
hide.
Sintaksis
Vertoon oor 'n gegewe tyd in millisekondes,
400ms by verstek:
.show(duur);
Tyd kan nie net in millisekondes gespesifiseer word nie,
maar ook met die sleutelwoorde slow (600ms)
en fast (200ms), hoe groter die waarde,
hoe stadiger die animasie:
.show('slow' of 'fast');
As geen parameters gespesifiseer word nie - sal daar geen animasie wees nie, elemente sal oombliklik verskyn:
.show();
Jy kan ook 'n vloei-funksie as tweede parameter deurgee, sowel as 'n callback-funksie as derde - wat sal uitvoer na voltooiing van die animasie. Albei parameters is opsioneel:
.show(duur, [vloei-funksie], [callback-funksie]);
Verschillende opsies kan aan die metode oorgedra word, in die vorm van 'n JavaScript-objek, wat paar sleutel: waarde bevat:
.show(options);
So 'n objek kan die volgende
parameters en funksies oordra - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. 'n Beskrywing
van hierdie parameters kan jy vind by die metode
animate. Byvoorbeeld,
laat ons die duur en vloei-funksie instel:
.show( {duration: 800, easing: easeInSine} );
Voorbeeld
Laat ons na die knoppie gedruk is, die weggesteekte
paragraaf vloeibaar wys met die metode show. Deur die
sleutelwoord slow oor te dra, stel ons die spoed
op 600ms. Na die animasie voltooi is, sal ons in die
konsole druk 'Animasie voltooi':
<button>wys teks</button>
<p style="display: none">teks</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
