Metoden toggle

Metoden toggle veksler mellem jævn visning/skjuling af elementer. Hvis et element vises, vil det blive skjult og omvendt.

Syntaks

Visning over en given varighed i millisekunder, 400ms som standard:

Tid kan angives ikke kun i millisekunder, men også med nøgleordene slow (600ms) og fast (200ms), jo højere værdi, jo langsommere animation:

Man kan med parameteren display overføre værdien true eller false. Hvis true, vil elementet kun blive vist, false - skjules:

Hvis parametre ikke angives - vil der ikke være animation, elementer vil blive vist/skjult med det samme:

Man kan også som anden parameter overføre en funktion for easing, og som tredje parameter en callback-funktion - udføres efter animationen er fuldført. Begge parametre er valgfrie:

Man kan blot som anden valgfri parameter overføre en callback-funktion - udføres efter animationen er fuldført:

Man kan overføre metoden forskellige indstillinger, i form af et JavaScript objekt, der indeholder par nøgle: værdi:

Sådan et objekt kan overføre følgende parametre og funktioner - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Beskrivelse af disse parametre kan du se for metoden animate. For eksempel, lad os indstille varighed og easing-funktion:

Eksempel

Lad os efter et klik på en knap, jævnt vise et skjult afsnit med metoden toggle. Ved at overføre nøgleordet slow, indstiller vi hastigheden til 600ms. Ved gentaget klik - skjule:

Se også