jQuery-Effekt-Methode slideToggle()

jQuery-Effektmethoden

Die slideToggle()-Methode inslideUp()undslideDown()Wechsel zwischen Methoden.

Diese Methode überprüft die Sichtbarkeit des ausgewählten Elements:

• Wenn das Element ursprünglich sichtbar war, wird es versteckt

• Wenn das Element ursprünglich verborgen war, wird es angezeigt

Hinweis:Verborgene Elemente beeinflussen die Layout der Seite nicht mehr.

Syntax:

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

Beispiel

Wenn Sie auf den Button klicken, wird zwischen dem Hoch- und Runterbewegen aller <p>-Elemente umgeschaltet:

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

VerwendungdurationParameter:

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

VerwendungcallbackParameter:

$("button").click(function() {
　　$("div").slideToggle();1500, function() {
　　　　alert("Der Slide-Toggle-Effekt ist abgeschlossen!!!");
　　});
});

Verwenden Sie eine langsame Dauer und lineare Easing, um alle " .panel " zu wechseln:

$("#my-Div").click(function(){
　　$(".panel").slideToggle("slow", "linear");
});

Parameterwert

jQuery-Effektmethoden