Metoden show
Metoden show visar dolda element
på ett jämnt sätt. Dölj element kan göras med metoden
hide.
Syntax
Visning under en given tid i millisekunder,
400ms som standard:
.show(varaktighet);
Tiden kan anges inte bara i millisekunder,
utan också med nyckelorden slow (600ms)
och fast (200ms), ju högre värde,
desto långsammare animation:
.show('slow' eller 'fast');
Om inga parametrar anges - kommer ingen animation att ske, elementen visas omedelbart:
.show();
Man kan också skicka en easing-funktion som andra parameter, samt en callback-funktion som tredje - triggas efter att animationen är klar. Båda parametrarna är valfria:
.show(varaktighet, [easing-funktion], [callback-funktion]);
Man kan skicka olika alternativ till metoden, i form av ett JavaScript-objekt som innehåller par av nyckel: värde:
.show(alternativ);
Ett sådant objekt kan skicka följande
parametrar och funktioner - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Beskrivning
av dessa parametrar kan du se för metoden
animate. Till exempel,
låt oss ställa in varaktighet och easing-funktion:
.show( {duration: 800, easing: easeInSine} );
Exempel
Låt oss efter att ha klickat på knappen, jämnt visa
ett dolt stycke med metoden show. Genom att skicka
nyckelordet slow, ställer vi in hastigheten
till 600ms. Efter att animationen är klar skriver vi
till konsolen 'Animation complete':
<button>visa text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
