Metoden show
Metoden show viser skjulte elementer jevnt.
Elementer kan skjules ved hjelp av metoden
hide.
Syntaks
Visning over en gitt varighet i millisekunder,
400ms som standard:
.show(varighet);
Tiden kan angis ikke bare i millisekunder,
men også med nøkkelordene slow (600ms)
og fast (200ms), jo høyere verdi,
jo tregere animasjon:
.show('slow' eller 'fast');
Hvis du ikke angir parametere - vil det ikke være noen animasjon, elementene vil vises øyeblikkelig:
.show();
Du kan også sende en easing-funksjon som andre parameter, og en tredje callback-funksjon - som utløses etter at animasjonen er fullført. Begge parameterne er valgfrie:
.show(varighet, [easing-funksjon], [callback-funksjon]);
Du kan sende ulike alternativer til metoden, i form av et JavaScript-objekt som inneholder par nøkkel: verdi:
.show(alternativer);
Et slikt objekt kan sende følgende
parametere og funksjoner - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Beskrivelse
av disse parameterne kan du se for metoden
animate. For eksempel,
la oss sette varighet og easing-funksjon:
.show( {duration: 800, easing: easeInSine} );
Eksempel
La oss etter å ha trykket på knappen, jevnt vise
et skjult avsnitt ved hjelp av metoden show. Ved å sende
nøkkelordet slow, setter vi hastigheten
til 600ms. Etter at animasjonen er fullført, skriver vi ut
i konsollen 'Animasjon fullført':
<button>vis tekst</button>
<p style="display: none">tekst</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
