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:

javascript.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:

javascript.hide('slow' eller 'fast');

Om parametrar inte anges - animation kommer inte att ske, element kommer att döljas omedelbart:

javascript.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:

javascript.hide(varaktighet, [easing-funktion], [callback-funktion]);

Man kan skicka metoden olika alternativ, i form av ett JavaScript-objekt, innehållande par nyckel: värde:

javascript.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:

javascript.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':

html<button id="test">dölj text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Se även