Metoda toggle

Metoda toggle alternon shfaqjen/fshirjen e qetë të elementeve. Nëse elementi është i shfaqur, ai do të fshihet dhe anasjelltas.

Sintaksa

Shfaqja për një kohë të caktuar në milisekonda, 400ms si parazgjedhje:

.toggle(kohëzgjatja);

Koha mund të specifikohet jo vetëm në milisekonda, por edhe me fjalët kyçe slow (600ms) dhe fast (200ms), sa më e madhe të jetë vlera, aq më e ngadaltë është animacioni:

.toggle('slow' ose 'fast');

Mund të kaloni si parametër display vlerën true ose false. Nëse true, elementi do të shfaqet vetëm, false - do të fshihet:

.toggle(display);

Nëse nuk specifikoni parametra - nuk do të ketë animacion, elementet do të shfaqen/fshihen menjëherë:

.toggle();

Mundet gjithashtu të kaloni si parametër të dytë një funksion interpolimi, 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:

.toggle(kohëzgjatja, [funksion interpolimi], [funksion callback]);

Mundet thjesht të kaloni si parametër të dytë jo të detyrueshëm një funksion callback - i cili do të ekzekutohet pas përfundimit të animacionit:

.toggle(kohëzgjatja, [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ë:

.toggle(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ë shikoni për metodën animate. Për shembull, le të vendosim kohëzgjatjen dhe funksionin e interpolimit:

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

Shembull

Le të shfaqim, pas shtypjes së butonit, në mënyrë të qetë paragrafin e fshehur duke përdorur metodën toggle. Duke kaluar fjalën kyçe slow, ne do të vendosim shpejtësinë në 600ms. Me shtypje të përsëritur - do të fshihet:

<button>shfaq tekstin</button>
<p style="display: none">tekst</p>

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

Shihni gjithashtu

metoda fadeToggle,
e cila ndryshon opacitetin e elementeve
metoda slideToggle,
e cila alternon shfaqjen/fshirjen e qetë të elementeve
metoda show,
e cila shfaq në mënyrë të qetë elementet
metoda hide,
e cila fsheh në mënyrë të qetë elementet