jQuery Effekt - slideDown() metode

Eksempel

Vis skjult <p>-element med glidende effekt:

$(".btn2").click(function(){
  $("p").slideDown();
});

Prøv det selv

Definere og bruge

slideDown() metoden viser de skjulte valgte elementer med en glidende effekt.

Syntaks

$(selector).slideDown(speed,callback)
Parameter Beskrivelse
speed

Valgfri. Angiv hastigheden for elementets skjulelse til synlighed (eller omvendt). Standard er "normal".

Mulige værdier:

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

Når elementet ændrer sig fra skjult til synligt under indstilling af hastighed, ændres dens højde gradvist.

callback

Valgfri. Funktionen, der skal udføres efter at slideDown-funktionen er færdig.

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

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

Tip og bemærkninger

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

Bemærk:Denne effekt gælder for elementer, der er skjult med jQuery, eller elementer, der er deklarerede med display:none i CSS (men ikke for elementer med visibility:hidden).

Flere eksempler

Brug speed-parametren
Brug speed-parametren til at skjule og vise elementer.