jQuery Effect - slideDown() Methode

jQuery Effect Handleiding

Voorbeeld

Toon het verborgen <p> element in schuifmodus:

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

Probeer het zelf

Definitie en gebruik

De slideDown() methode toont verborgen geselecteerde elementen met een schuifeffect.

Syntax

$(selector).slideDown(speed,callback)
Parameters Beschrijving
speed

Optioneel. Stel de snelheid in van het verbergen en weer geven van het element (of vice versa). Standaard is dit "normal".

Mogelijke waarden:

  • Milliseconden (bijvoorbeeld 1500)
  • "slow"
  • "normal"
  • "fast"

Bij het instellen van de snelheid, verandert het element geleidelijk van verborgen naar zichtbaar tijdens het proces, door zijn hoogte te veranderen.
callback

Optioneel. De functie die moet worden uitgevoerd nadat de slideDown-functie is uitgevoerd.

Voor meer informatie over callback, raadpleeg ons hoofdstuk over jQuery Callback.

Je kunt deze parameter niet instellen, tenzij de speed parameter is ingesteld.

Tips en opmerkingen

Tip:Als het element al volledig zichtbaar is, heeft dit effect geen enkele verandering, tenzij de callback-functie is gedefinieerd.

Opmerking:Dit effect is van toepassing op elementen die met jQuery worden verborgen, of op elementen die in CSS zijn verklard met display:none (maar niet op elementen met visibility:hidden).

Meer voorbeelden

Gebruik de speed parameter
Gebruik de speed parameter om elementen te verbergen en weer te geven.

jQuery Effect Handleiding