Latest web development tutorials

jQuery-Effekte - Verstecken und Zeigen

Ausblenden, Anzeige, Schalten, Rutsche, verblassen und Animation, oh wow!

Klicken Sie auf die Show / Hide-Panel

Weil Zeit kostbar ist, bieten wir eine schnelle und bequeme Art zu lernen.

In diesem Tutorial können Sie das notwendige Wissen zu lernen.


Beispiele

jQuery hide ()
Einfache jQuery hide () Methode demonstriert.

jQuery hide ()
Ein weiterer hide () Instanz. Demonstriert, wie Text zu verbergen.


jQuery hide () und show ()

Mit jQuery, können Sie die hide () und show () Methode verwenden, um HTML-Elemente ein- und ausblenden:

Beispiele

$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

Versuchen »

Syntax:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

Die optionale Geschwindigkeit Parameter gibt die Geschwindigkeit hide / show, können Sie die folgenden Werte annehmen: "langsam", "schnell" oder Millisekunden.

Der optionale Callback-Parameter ist der Name der Funktion oder Show zu verstecken ausgeführt abgeschlossen.

Das folgende Beispiel zeigt die Haut mit dem Geschwindigkeitsparameter () Methode:

Beispiele

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

Versuchen »


jQuery Toggle ()

Mit jQuery, können Sie den Knebel () -Methode zu wechseln hide () und show () -Methode.

Zeigen Sie die versteckten Elemente und angezeigten Elemente verbergen:

Beispiele

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

Versuchen »

Syntax:

$(selector).toggle(speed,callback);

Die optionale Geschwindigkeit Parameter gibt die Geschwindigkeit hide / show, können Sie die folgenden Werte annehmen: "langsam", "schnell" oder Millisekunden.

Der optionale Callback-Parameter ist der Name der Funktion nach Toggle () Methode, um die Ausführung zu beenden.