Meetod slideToggle
Meetod slideToggle näitab sujuvalt
peidetud elemente ja peidab näidatud elemendid.
Süntaks
Näitamine/peitmine määratud aja jooksul,
vaikimisi 400ms:
.slideToggle(kestus);
Aega saab määrata mitte ainult millisekundites,
vaid ka võtmesõnadega slow (600ms)
ja fast (200ms), mida suurem väärtus,
seda aeglasem animatsioon:
.slideToggle('slow' või 'fast');
Kui parameetreid ei määrata - animatsiooni ei toimu, elemendid näidatakse/peidetakse koheselt:
.slideToggle();
Saab ka teise parameetrina edastada sujuvusfunktsiooni, ning kolmandana callback-funktsiooni - käivitub pärast animatsiooni lõppu. Mõlemad parameetrid on valikulised:
.slideToggle(kestus, [sujuvusfunktsioon], [callback-funktsioon]);
Meetodile saab edastada erinevaid valikuid, JavaScripti objekti kujul, mis sisaldab paare võti: väärtus:
.slideToggle(valikud);
Selline objekt saab edastada järgmised
parameetrid ja funktsioonid - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Nende
parameetrite kirjeldust saate vaadata meetodi
animate puhul. Näiteks,
määrame kestuse ja sujuvusfunktsiooni:
.slideToggle( {duration: 600, easing: easeInSine} );
Näide
Parempoolsel nupuvajutusel peidame sujuvalt
vanema div, mis sisaldab lõike,
meetodi slideToggle abil (selle div
leiame meetodi
parent abil),
pärast nupu uuesti vajutamast, div
näidatakse uuesti sujuvalt ja nii edasi. Edastades võtmesõna
slow, määrame kiiruseks 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');
});
