jQuery Effekter - slideDown() metod

Exempel

Visa dolda <p>-element med rullande effekt:

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

Prova själv

Definition och användning

slideDown()-metoden visar dolda valda element med en rullande effekt.

Syntax

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

Valfritt. Ange hastigheten för elementet att döljas eller visas (eller tvärtom). Standard är "normal".

Möjliga värden:

  • Millisekunder (t.ex. 1500)
  • "slow"
  • "normal"
  • "fast"

När elementet byter från dolt till synligt, ändras dess höjd gradvis om hastigheten är inställd.

callback

Valfritt. Funktionen att köra efter att slideDown-funktionen har körts.

För att lära sig mer om callback, besök vår kapitel om jQuery Callback.

Parametern kan inte ställas in om speed-parametern inte är satt.

Tips och kommentarer

Tips:Om elementet redan är helt synligt, har effekten ingen effekt, om inte callback-funktionen anges.

Kommentar:Denna effekt gäller för element som gömms med jQuery, eller element som har display:none deklarerat i CSS (men inte för element med visibility:hidden).

Mer exempel

Använd speed-parametern
Använd speed-parametern för att dölja och visa element.