jQuery Effekt - slideToggle() metode

jQuery Effekt Reference Manual

Eksempel

Skift mellem at vise og skjule <p> elementer ved hjælp af en glidende effekt:

$(".btn1").click(function() {
  $("p").slideToggle();
});

Prøv det selv

Definition og brug

slideToggle() metoden skifter synligheden af elementer ved hjælp af en glidende effekt (højdeændring).

Hvis det valgte element er synligt, skjuler disse elementer, hvis det valgte element er skjult, viser disse elementer.

Syntaks

$().slideToggle(speed,callback)
Parameter Beskrivelse
speed

Valgfri. Angiv hastigheden for, hvordan elementet ændrer sig fra skjult til synlig (eller omvendt). Standard er "normal".

Mulige værdier:

  • Millisekunder (f.eks. 1500)
  • "slow"
  • "normal"
  • "fast"

Når hastigheden er indstillet, ændrer elementet gradvist sin højde under skiftet (dette skaber en glidende effekt).
callback

Valgfri. Funktionen, der skal udføres efter toggle-funktionen.

For at lære mere om callback, besøg vores kapitel om jQuery Callback.

Du kan ikke indstille denne parameter, medmindre speed parameter er sat.

Tip og bemærkninger

Tip:Hvis elementet allerede er skjult, vil effekten ikke forårsage nogen ændring, medmindre callback-funktionen er specificeret.

Flere eksempler

Brug speed parameter
Brug speed parameter til at skifte mellem at vise og skjule elementer med op- og nedrulning.

jQuery Effekt Reference Manual