Metoda slideDown

Metoda slideDown shfaq në mënyrë të qetë elementet e fshehur, duke i zhvilluar nga lart poshtë. Elementet mund të fshihen duke përdorur metodën slideUp.

Sintaksa

Shfaqje për një kohë të caktuar, 400ms si parazgjedhje:

javascript.slideDown(kohëzgjatja);

Koha mund të specifikohet jo vetëm në milisekonda, por edhe me fjalët kyçe slow (600ms) dhe fast (200ms), sa më e madhe të jetë vlera, aq më e ngadaltë është animacioni:

javascript.slideDown('slow' ose 'fast');

Nëse nuk specifikohen parametra - nuk do të ketë animacion, elementet do të shfaqen në çast:

javascript.slideDown();

Gjithashtu, si parametër të dytë mund të kaloni një funksion përshpejtimi, dhe si parametër të tretë një funksion callback - i cili do të ekzekutohet pas përfundimit të animacionit. Të dy parametrat nuk janë të detyrueshëm:

javascript.slideDown(kohëzgjatja, [funksion përshpejtimi], [funksion callback]);

Metodës mund t'i dërgohen opsione të ndryshme, në formën e një objekti JavaScript, që përmban çiftet çelës: vlerë:

javascript.slideDown(opsione);

Një objekt i tillë mund të kalojë parametrat dhe funksionet e mëposhtme - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Përshkrimi i këtyre parametrave mund të shihet për metodën animate. Për shembull, le të vendosim kohëzgjatjen dhe funksionin e përshpejtimit:

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

Shembull

Le të shfaqim në mënyrë të qetë, pas klikimit të butonit, paragrafin e fshehur duke përdorur metodën slideDown. Duke dërguar fjalën kyçe slow, do të vendosim shpejtësinë në 600ms. Pas përfundimit të animacionit, do të shkruajmë në konsolën 'Animation complete':

html<button>shfaq tekstin</button>
<p style="display: none">tekst</p>

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

Shihni gjithashtu