jquery slideDown()-Methode
Übersetzungsergebnisse：
slide
Englisch [slaɪd] US [slaɪd]
vi.slide; [Baseball] rutschen (hinein); langsam abnehmen; Bewegen Sie sich ruhig
n. rutschen Sie nach unten
Englisch [daʊn] US [daʊn]adv zu
prep. (aus der Höhe) nach unten (zeigt die Richtung an) seit... nach unten; ..) dem Gegner hinterherhinken vt abschießen; .) vi. Komm runter;jquery slideDown()-MethodeSyntax
Funktion: Die Methode slideDown() zeigt ausgeblendete ausgewählte Elemente mithilfe des Schiebeeffekts an.
Syntax: $(selector).slideDown(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 schrittweise seine Höhe, während es von verborgen zu sichtbar wechselt. |
| Rückruf | Optional. Die Funktion, die nach der Ausführung der slideDown-Funktion ausgeführt werden soll. Um mehr über Rückrufe zu erfahren, besuchen Sie unser Kapitel zu jQuery-Rückrufen. Dieser Parameter kann nur eingestellt werden, wenn der Geschwindigkeitsparameter eingestellt ist. |
Hinweis: Wenn das Element bereits vollständig sichtbar ist, führt der Effekt zu keiner Änderung, es sei denn, die Callback-Funktion wird angegeben. Der Effekt funktioniert bei Elementen, die über jQuery ausgeblendet sind, oder bei Elementen, bei denen display:none in CSS deklariert ist (jedoch nicht bei Elementen mit Visibility:hidden ).
jquery slideDown()-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").slideUp();
});
$(".btn2").click(function(){
$("p").slideDown();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen