Metodas slideDown
Metodas slideDown sklandiai atvaizduoja
paslėptus elementus, išskleisdamas juos iš viršaus
žemyn. Paslėpti elementus galima naudojant metodą
slideUp.
Sintaksė
Atvaizdavimas per nustatytą laiką,
400ms pagal nutylėjimą:
.slideDown(trukmė);
Laiką galima nurodyti ne tik milisekundėmis,
bet ir raktažodžiais slow (600ms)
ir fast (200ms), kuo didesnė reikšmė,
tuo lėtesnė animacija:
.slideDown('slow' arba 'fast');
Jei nenurodyti parametrai - animacijos nebus, elementai bus atvaizduojami akimirksniu:
.slideDown();
Taip pat antruoju parametru galima perduoti sklandumo funkciją, o trečiuoju callback funkciją - suveiks baigus vykdyti animaciją. Abu parametrai nėra privalomi:
.slideDown(trukmė, [sklandumo funkcija], [callback funkcija]);
Metodui galima perduoti įvairias parinktis, JavaScript objekto pavidalu, kuriame yra poros raktas: reikšmė:
.slideDown(parinktys);
Tokiame objekte gali būti perduodami šie
parametrai ir funkcijos - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Šių
parametrų aprašymą galite peržiūrėti metode
animate. Pavyzdžiui,
nustatykime trukmę ir sklandumo funkciją:
.slideDown( {duration: 600, easing: easeInSine} );
Pavyzdys
Spustelėjus mygtuką, sklandiai atvaizduokime
paslėptą pastraipą naudodami metodą slideDown. Perduodami
raktažodį slow, nustatysime greitį
į 600ms. Baigus animaciją, išveskime į
konsolę 'Animation complete':
<button>rodyti tekstą</button>
<p style="display: none">tekstas</p>
$('button').click(function() {
$('p').slideDown('slow', function() {
console.log('Animation complete')
});
});
Taip pat žiūrėkite
-
metodas
slideUp,
kuris sklandiai paslepia elementus -
metodas
slideToggle,
kuris kaitalioja sklandų elementų atvaizdavimą/paslėpimą -
metodas
fadeIn,
kuris sklandiai atvaizduoja paslėptus elementus, padarydamas juos nepermatomus -
metodas
show,
kuris sklandiai atvaizduoja elementus