Meetod toggle

Meetod toggle vaheldab elementide sujuvat näitamist/peitmist. Kui element on nähtav, siis see peidetakse ja vastupidi.

Süntaks

Näitamine määratud aja jooksul millisekundites, 400ms vaikimisi:

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

.toggle('slow' või 'fast');

Saab parameetriga display edastada väärtuse true või false. Kui true, siis element näidatakse ainult, false - peidetakse:

.toggle(display);

Kui parameetreid ei määrata - animatsiooni ei toimu, elemendid näidatakse/peidetakse hetkega:

.toggle();

Saab ka teise parameetrina edastada sujuvusfunktsiooni, ning kolmandana callback-funktsiooni - käivitub pärast animatsiooni lõppu. Mõlemad parameetrid on valikulised:

.toggle(kestus, [sujuvusfunktsioon], [callback-funktsioon]);

Saab lihtsalt teise valikulise parameetrina edastada callback-funktsiooni - käivitub pärast animatsiooni lõppu:

.toggle(kestus, [callback-funktsioon]);

Saab meetodile edastada erinevaid valikuid, JavaScript objekti kujul, mis sisaldab paare võti: väärtus:

.toggle(valikud);

Selline objekt saab edastada järgmisi parameetreid ja funktsioone - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Kirjelduse neist parameetritest saate vaadata meetodi animate jaoks. Näiteks, määrame kestuse ja sujuvusfunktsiooni:

.toggle( {duration: 800, easing: easeInSine} );

Näide

Pärast nupu vajutamist, näitame sujuvalt peidetud lõiku meetodi toggle abil. Edastades võtmesõna slow, määrame kiiruseks 600ms. Korduval vajutamisel - peidame:

<button>näita teksti</button>
<p style="display: none">tekst</p>

$('button').click(function() {
	$('p').toggle('slow');
});

Vaata ka

meetod fadeToggle,
mis muudab elementide läbipaistvust
meetod slideToggle,
mis vaheldab elementide sujuvat näitamist/peitmist
meetod show,
mis sujuvalt näitab elemente
meetod hide,
mis sujuvalt peidab elemendid