Metoda show
Metoda show shfaq në mënyrë të butë elementet
e fshehur. Elementet mund të fshihen duke përdorur metodën
hide.
Sintaksa
Shfaqje për një kohë të caktuar në milisekonda,
400ms si parazgjedhje:
.show(kohëzgjatja);
Koha mund të specifikohet jo vetëm në milisekonda,
por edhe me fjalë kyçe slow (600ms)
dhe fast (200ms), sa më e madhe të jetë vlera,
aq më e ngadaltë është animacioni:
.show('slow' ose 'fast');
Nëse nuk specifikohen parametra - nuk do të ketë animacion, elementet do të shfaqen në çast:
.show();
Gjithashtu mund të kaloni si parametër të dytë 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:
.show(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 çifte çelës: vlerë:
.show(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ë gjendet për metodën
animate. Për shembull,
le të vendosim kohëzgjatjen dhe funksionin e përshpejtimit:
.show( {duration: 800, easing: easeInSine} );
Shembull
Le të shfaqim, pas shtypjes së butonit, në mënyrë të butë një
paragraf të fshehur duke përdorur metodën show. Duke kaluar
fjalën kyçe slow, do të vendosim shpejtësinë
në 600ms. Pas përfundimit të animacionit, do të shkruajmë në
konsolën 'Animacioni u përfundua':
<button>shfaq tekstin</button>
<p style="display: none">tekst</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
