Methoden slideUp und slideDown in jQuery
Die Methoden slideUp und
slideDown
ermöglichen das "Einrollen" und "Ausrollen"
eines Elements (sie akzeptieren als Parameter ebenfalls die
Ausführungszeit des Effekts, falls nicht angegeben
- wird die Standardzeit von 400ms verwendet). Wie
das aussieht - sehen Sie im folgenden Beispiel.
Angenommen, wir haben zwei Schaltflächen und ein div:
<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>
Das CSS sieht so aus:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nun schreiben wir die Methoden slideUp und
slideDown:
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
