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>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Heim

Videos

Fragen und Antworten