Metoden hide
Metoden hide döljer element mjukt. Visa
element kan göras med metoden
show.
Syntax
Försvinnande under given tid,
400ms som standard:
.hide(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:
.hide('slow' eller 'fast');
Om parametrar inte anges - animation kommer inte att ske, element kommer att döljas omedelbart:
.hide();
Man kan också som andra parameter skicka en easing-funktion, samt som tredje en callback-funktion - triggas efter utförande av animationen. Båda parametrarna är valfria:
.hide(varaktighet, [easing-funktion], [callback-funktion]);
Man kan skicka metoden olika alternativ, i form av ett JavaScript-objekt, innehållande par nyckel: värde:
.hide(options);
Sådan ett 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:
.hide( {duration: 800, easing: easeInSine} );
Exempel
Låt oss efter att ha klickat på knappen #test, mjukt
dölja stycket med metoden hide. Genom att skicka
nyckelordet slow, ställer vi in hastigheten
till 600ms. Efter att animationen avslutats skriver vi ut i
konsolen 'Animation complete':
<button id="test">dölj text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
