Beispiel
Umschalten zwischen ein- und ausblenden für alle <p> Elemente:
$("button").click(function(){
$("p").toggle();
});
Versuch es selber " Definition und Verwendung
Der toggle() Methode schaltet zwischen hide() und show() für die ausgewählten Elemente.
Dieses Verfahren prüft die ausgewählten Elemente für Sichtbarkeit. show() ausgeführt wird , wenn ein Element versteckt ist. hide() wird ausgeführt , wenn ein Element sichtbar ist - Dadurch entsteht ein Schalter.
Hinweis: Versteckte Elemente werden nicht angezeigt werden (kein Einfluss mehr auf das Layout der Seite).
Tipp: Diese Methode kann auch zum Umschalten zwischen benutzerdefinierten Funktionen verwendet werden.
Syntax
$(selector).toggle(speed,easing,callback)| Parameter | Beschreibung |
|---|---|
| speed | Optional. Gibt die Geschwindigkeit des hide / show Wirkung Mögliche Werte:
|
| easing | Optional. Gibt die Geschwindigkeit des Elements in verschiedenen Punkten der Animation. Der Standardwert ist "swing" Mögliche Werte:
|
| callback | Optional. Eine Funktion wird , nachdem das ausgeführte toggle() Methode abgeschlossen Um mehr über Callback zu erfahren, besuchen Sie unsere jQuery Rückruf Kapitel |
Probieren Sie es selbst - Beispiele
toggle() und toggle() - die Geschwindigkeitsparameter verwenden
Wie die Geschwindigkeit Parameter verwenden, um die Geschwindigkeit des hide / show Effekt angeben.
toggle() und toggle() - den Rückruf Parameter verwenden ,
Wie die Callback-Parameter zu verwenden, wenn zwischen dem hide / show Wirkung Makeln.