Neueste Web-Entwicklung Tutorials
 

jQuery slideToggle() Method

<JQuery Effect Methoden

Beispiel

Umschalten zwischen slideUp() und slideDown() für alle <p> Elemente:

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

Definition und Verwendung

Die slideToggle() Methode schaltet zwischen slideUp() und slideDown() für die ausgewählten Elemente.

Dieses Verfahren prüft die ausgewählten Elemente für Sichtbarkeit. slideDown() ausgeführt wird , wenn ein Element versteckt ist. slideUp() wird ausgeführt , wenn ein Element sichtbar ist - Dadurch entsteht ein Schalter.


Syntax

$(selector).slideToggle(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 Lockerung Funktionen in externe Plugins verfügbar sind
callback Optional. Eine Funktion wird ausgeführt , nachdem der slideToggle() Verfahren abgeschlossen ist

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


Probieren Sie es selbst - Beispiele

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

slideToggle() - Mit dem Callback - Parameter
Wie die Callback - Parameter zu verwenden , wenn zwischen Makeln slideUp() und slideDown() .


<JQuery Effect Methoden