Metode slideDown

Metode slideDown gludi parāda paslēptus elementus, izritinot tos no augšas uz leju. Paslēpt elementus var ar metodi slideUp.

Sintakse

Parādīšana noteiktā laikā, 400ms pēc noklusējuma:

javascript.slideDown(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.slideDown('slow' vai 'fast');

Ja neizsauc parametrus - animācijas nebūs, elementi tiks parādīti acumirklī:

javascript.slideDown();

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

javascript.slideDown(duration, [easing function], [callback function]);

Metodei var padot dažādas opcijas, JavaScript objekta veidā, kas satur pārus atslēga: vērtība:

javascript.slideDown(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 metodei animate. Piemēram, iestatīsim ilgumu un animācijas funkciju:

javascript.slideDown( {duration: 600, easing: easeInSine} );

Piemērs

Pēc pogas nospiešanas, gludi parādīsim paslēpto rindkopu ar metodi slideDown. 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>rādīt tekstu</button>
<p style="display: none">teksts</p>

javascript$('button').click(function() {
  $('p').slideDown('slow', function() {
    console.log('Animation complete')
  });
});

Skatiet arī