jQuery Effekt - toggle() Methode
Beispiel
Schalten Sie den Anzeigestatus des <p>-Elements zwischen sichtbar und versteckt um:
$(".btn1").click(function(){
$("p").hide();
});
Definition und Verwendung
Die toggle() Methode schaltet den Sichtbarkeitsstatus der Elemente um.
Verbergen Sie die Elemente, wenn sie sichtbar sind, oder zeigen Sie sie an, wenn sie versteckt sind.
Syntax
$(selector).toggle(speed,callback,switch)
| Parameter | Beschreibung |
|---|---|
| speed |
Optional. Bestimmt die Geschwindigkeit des Übergangs von sichtbar zu unsichtbar (oder umgekehrt) des Elements. Standardwert ist "0". Mögliche Werte:
Bei der Einstellung der Geschwindigkeit ändert sich das Element während des Übergangs von sichtbar zu unsichtbar schrittweise in Höhe, Breite, Außenabstand, Innenabstand und Transparenz. Wenn dieser Parameter gesetzt ist, kann der Parameter switch nicht verwendet werden. |
| callback |
Optional. Funktion, die nach der Ausführung der toggle-Funktion ausgeführt wird. Um mehr über callback zu erfahren, besuchen Sie bitte das Kapitel jQuery Callback. Dieser Parameter kann nicht gesetzt werden, es sei denn, der Parameter speed wurde festgelegt. |
| switch |
Optional. Boolescher Wert. Bestimmt, ob toggle alle ausgewählten Elemente verbergen oder anzeigen soll.
Wenn dieser Parameter gesetzt ist, können die Parameter speed und callback nicht verwendet werden. |
Hinweise und Anmerkungen
Anmerkung:Dieser Effekt gilt für Elemente, die durch jQuery versteckt wurden oder für Elemente, die in CSS mit display:none deklariert wurden (nicht für Elemente mit visibility:hidden).
Mehr Beispiele
- Verwenden Sie den Parameter speed
- Verwenden Sie den Parameter speed, um Elemente zu verbergen und anzuzeigen.
- Verwenden Sie den Parameter switch
- Verwenden Sie den Parameter switch, um alle versteckten Absätze anzuzeigen.
