Beispiel
Umschalten zwischen Einblenden und Ausblenden verschiedenen Boxen:
$("button").click(function(){
$("#div1").fadeToggle();
});
Versuch es selber " Definition und Verwendung
Die fadeToggle() Methode schaltet zwischen dem fadeIn() und fadeOut() Methoden.
Wenn die Elemente ausgeblendet werden, fadeToggle() wird verblassen sie in.
Wenn die Elemente eingeblendet werden, fadeToggle() wird sie ausgeblendet.
Hinweis: Versteckte Elemente werden nicht angezeigt werden (kein Einfluss mehr auf das Layout der Seite).
Syntax
$(Selektor).fadeToggle(Geschwindigkeit, Lockerung, Rückruf)| Parameter | Beschreibung |
|---|---|
| speed | Optional. Gibt die Geschwindigkeit des Fading-Effekt. Der Standardwert ist 400 Millisekunden Mögliche Werte:
|
| easing | Optional. Gibt die Geschwindigkeit des Elements in verschiedenen Punkten des Effekts. Der Standardwert ist "swing" Mögliche Werte:
|
| callback | Optional. Eine Funktion wird ausgeführt , nachdem der fadeToggle() Verfahren abgeschlossen ist Um mehr über Callback zu erfahren, lesen Sie bitte unsere jQuery Rückruf Kapitel |
Probieren Sie es selbst - Beispiele
fadeToggle() - Mit dem Geschwindigkeitsparameter
Wie die Geschwindigkeit Parameter verwenden, um die Geschwindigkeit des Fading-Effekt zu spezifizieren.
fadeToggle() - Mit dem Callback - Parameter
Wie die Callback - Parameter verwenden , um eine Funktion nach dem auszuführen fadeToggle() Methode abgeschlossen ist.