jQuery toggle() Methode
Beispiel
Umschalten zwischen Ausblenden und Anzeigen für alle <p>-Elemente:
$("button").click(function(){
$("p").toggle();
});
Definition und Verwendung
Die Methode toggle() schaltet für die ausgewählten Elemente zwischen hide() und show() um.
Diese Methode prüft die ausgewählten Elemente auf Sichtbarkeit. show() wird ausgeführt, wenn ein Element ausgeblendet ist. hide() wird ausgeführt, wenn ein Element sichtbar ist - Dies erzeugt einen Toggle-Effekt.
Hinweis : Ausgeblendete Elemente werden überhaupt nicht angezeigt (beeinflussen nicht mehr das Layout der Seite).
Tipp: Diese Methode kann auch zum Umschalten zwischen benutzerdefinierten Funktionen verwendet werden.
Syntax
$(selector).toggle(speed,easing,callback)
| Parameter | Description |
|---|---|
| speed | Optional. Specifies the speed of the hide/show effect Possible values:
|
| easing | Optional. Specifies the speed of the element in different points of the animation. Default value is "swing" Possible values:
|
| callback | Optional. A function to be executed after the toggle() method is completed To learn more about callback, visit our jQuery Callback chapter |
Probieren Sie es selbst aus - Beispiele
So verwenden Sie den Geschwindigkeitsparameter, um die Geschwindigkeit des Ein-/Ausblenden-Effekts anzugeben.
Verwendung des Callback-Parameters beim Umschalten zwischen dem Hide/Show-Effekt.