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:

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

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

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

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

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

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

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

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

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

Shihni gjithashtu

metoda slideUp,
që fsheh në mënyrë të qetë elementet
metoda slideToggle,
që alternon shfaqjen/fshehjen e qetë të elementeve
metoda fadeIn,
që shfaq në mënyrë të qetë elementet e fshehur, duke i bërë ato jo të errëta
metoda show,
që shfaq në mënyrë të qetë elementet