jQuery fadeToggle() Methode
Beispiel
Zwischen Ein- und Ausblenden verschiedener Boxen umschalten:
$("button").click(function(){
$("#div1").fadeToggle();
});
Definition und Verwendung
Die Methode fadeToggle() schaltet zwischen den Methoden fadeIn() und fadeOut() um .
Wenn die Elemente ausgeblendet sind, blendet fadeToggle() sie ein.
Wenn die Elemente eingeblendet sind, blendet fadeToggle() sie aus.
Hinweis : Ausgeblendete Elemente werden überhaupt nicht angezeigt (beeinflussen nicht mehr das Layout der Seite).
Syntax
$(selector).fadeToggle(speed,easing,callback)
| Parameter | Description |
|---|---|
| speed | Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds Possible values:
|
| easing | Optional. Specifies the speed of the element in different points of the effect. Default value is "swing" Possible values:
|
| callback | Optional. A function to be executed after the fadeToggle() method is completed
To learn more about callback, please read our jQuery Callback chapter |
Probieren Sie es selbst aus - Beispiele
So verwenden Sie
den Geschwindigkeitsparameter, um die Geschwindigkeit des Fading-Effekts anzugeben.
So verwenden Sie den Callback-Parameter, um eine Funktion auszuführen, nachdem die fadeToggle()-Methode abgeschlossen ist.