Neueste Web-Entwicklung Tutorials
 

jQuery slideDown() Method

<JQuery Effect Methoden

Beispiel

Slide-down (show) alle versteckt <p> Elemente:

$("button").click(function(){
    $("p").slideDown();
});
Versuch es selber "

Definition und Verwendung

Die slideDown() Methode Folien-down (zeigt) die ausgewählten Elemente.

Hinweis: slideDown() funktioniert auf Elemente versteckt mit jQuery Methoden und display: none in CSS (aber nicht Sichtbarkeit: versteckt).

Tipp: Um die Slide-Up (ausblenden) Elemente, Blick auf die slideUp() Methode.


Syntax

$(selector).slideDown(speed,easing,callback)

Parameter Beschreibung
speed Optional. Gibt die Geschwindigkeit des Schlittens Wirkung. Der Standardwert ist 400 Millisekunden

Mögliche Werte:

  • Millisekunden
  • "slow"
  • "fast"
easing Optional. Gibt die Geschwindigkeit des Elements in verschiedenen Punkten der Animation. Der Standardwert ist "swing"

Mögliche Werte:

  • "swing" - bewegt sich langsamer zu Beginn / Ende, aber schneller in der Mitte
  • "linear" - bewegt sich in einer konstanten Geschwindigkeit
Tipp: Weitere Beschleunigungsfunktionen sind in externen Plugins zur Verfügung.
callback Optional. Eine Funktion wird ausgeführt , nachdem der slideDown() Verfahren abgeschlossen ist

Um mehr über Callback zu erfahren, besuchen Sie unsere jQuery Rückruf Kapitel


Probieren Sie es selbst - Beispiele

slideDown() - Mit dem Geschwindigkeitsparameter
Wie die Geschwindigkeitsparameter zu verwenden, um die Geschwindigkeit des Schiebers Effekt zu spezifizieren.

slideDown() - Mit dem Callback - Parameter
Wie die Callback-Parameter zu verwenden, wenn oben und unten die ausgewählten Elemente schieben.


<JQuery Effect Methoden