Metode hide

Metode hide gludi paslēpj elementus. Rādīt elementus var ar metodes show palīdzību.

Sintakse

Pazūšana noteiktā laikā, pēc noklusējuma 400ms:

javascript.hide(duration);

Laiku var norādīt ne tikai milisekundēs, bet arī ar atslēgvārdiem slow (600ms) un fast (200ms), jo lielāka vērtība, jo lēnāka animācija:

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

Ja neizmantojat parametrus - animācijas nebūs, elementi tiks paslēpti acumirklī:

javascript.hide();

Kā otro parametru var padot arī animācijas funkciju, un kā trešo - callback funkciju - tā darbosies pēc animācijas pabeigšanas. Abi parametri nav obligāti:

javascript.hide(duration, [easing], [callback]);

Metodei var padot dažādas opcijas, JavaScript objekta veidā, kas satur pārus key: value:

javascript.hide(options);

Šāds objekts var padot sekojošus parametrus un funkcijas - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Šo parametru aprakstu var apskatīt metodes animate ietvaros. Piemēram, iestatīsim ilgumu un animācijas funkciju:

javascript.hide( {duration: 800, easing: easeInSine} );

Piemērs

Nospiežot pogu #test, gludi paslēpsim rindkopu ar metodes hide palīdzību. Padodot atslēgvārdu slow, mēs iestatīsim ātrumu uz 600ms. Pēc animācijas pabeigšanas izvadīsim konsolē 'Animation complete':

html<button id="test">hide text</button>
<p>text</p>

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

Skatiet arī