Metodas slideToggle
Metodas slideToggle sklandiai rodo
paslėptus elementus ir paslepia rodomus.
Sintaksė
Rodymas/paslėpimas per nustatytą laiką,
400ms pagal nutylėjimą:
.slideToggle(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:
.slideToggle('slow' arba 'fast');
Jei nenurodyti parametrai - animacijos nebus, elementai bus rodomi/paslėpti akimirksniu:
.slideToggle();
Taip pat galima antruoju parametru perduoti sklandumo funkciją, o trečiuoju - callback funkciją - suveiks po animacijos vykdymo. Abu parametrai nėra privalomi:
.slideToggle(trukmė, [sklandumo funkcija], [callback funkcija]);
Metodui galima perduoti įvairias parinktis, JavaScript objekto pavidalu, kuriame yra poros raktas: reikšmė:
.slideToggle(options);
Toks objektas gali perduoti šiuos
parametrus ir funkcijas - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Aprašymą
šių parametrų galite peržiūrėti metode
animate. Pavyzdžiui,
nustatykime trukmę ir sklandumo funkciją:
.slideToggle( {duration: 600, easing: easeInSine} );
Pavyzdys
Po mygtuko paspaudimo, sklandiai paslėpkime
tėvinį div, kuriame yra pastraipos,
naudodami metodą slideToggle (šį div
rasime naudodami metodą
parent),
po pakartotinio mygtuko paspaudimo, div bus
vėl sklandiai parodytas ir t.t. Perduodami raktažodį
slow, nustatysime greitį į 600ms:
<button>toggle text</button>
<div>
<p id='test'>text text text text text text text</p>
<p>text text text text text text text</p>
<p>text text text text text text text</p>
</div>
$('button').click(function() {
$('#test').parent().slideToggle('slow');
});
