jQuery slideToggle() Methode

❮ jQuery-Effektmethoden

Beispiel

Wechseln Sie zwischen slideUp() und slideDown() für alle <p>-Elemente:

$("button").click(function(){
  $("p").slideToggle();
});

Definition und Verwendung

Die Methode slideToggle() schaltet für die ausgewählten Elemente zwischen slideUp() und slideDown() um.

Diese Methode prüft die ausgewählten Elemente auf Sichtbarkeit. slideDown() wird ausgeführt, wenn ein Element ausgeblendet ist. slideUp() wird ausgeführt, wenn ein Element sichtbar ist - Dies erzeugt einen Toggle-Effekt.


Syntax

$(selector).slideToggle(speed,easing,callback)

Parameter Description
speed Optional. Specifies the speed of the slide effect. Default value is 400 milliseconds

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the animation. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the slideToggle() 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 Slide-Effekts anzugeben.


Verwendung des Callback-Parameters beim Umschalten zwischen slideUp() und slideDown().


❮ jQuery-Effektmethoden