jquery slideToggle()-Methode
Übersetzungsergebnisse:
slide
Englisch [slaɪd] US [slaɪd]
vi.slide; [Baseball] rutschen (hinein); langsam abnehmen; Leise bewegen
n. schieben; Englisch [ˈtɒgl]
n. Stick-Taste; Umschalttaste
jquery slideToggle()-MethodeSyntax
Funktion: Die Methode slideToggle() schaltet den sichtbaren Zustand eines Elements durch einen Schiebeeffekt (Höhenänderung) um. Blenden Sie die ausgewählten Elemente aus, wenn sie sichtbar sind, und zeigen Sie sie an, wenn die ausgewählten Elemente ausgeblendet sind.
Syntax: $(selector).slideToggle(speed,callback)
Parameter:
Parameter | Beschreibung |
Geschwindigkeit. | Optional . Gibt an, wie schnell ein Element von ausgeblendet in sichtbar wechselt (oder umgekehrt). Der Standardwert ist „normal“. Mögliche Werte: Millisekunden (z. B. 1500) „langsam“ „normal“ „schnell“ Beim Einstellen der Geschwindigkeit ändert das Element beim Schalten schrittweise seine Höhe (es entsteht ein Gleiteffekt). |
Rückruf | Optional. Die Funktion, die ausgeführt werden soll, nachdem die Umschaltfunktion ausgeführt wurde. Dieser Parameter kann nur eingestellt werden, wenn der Geschwindigkeitsparameter eingestellt ist. |
Hinweis: Wenn das Element ausgeblendet wurde, führt der Effekt zu keiner Änderung, es sei denn, die Callback-Funktion wird angegeben.
jquery slideToggle()-MethodeBeispiel
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Toggle</button> </body> </html>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen