Methoden slideUp en slideDown in jQuery
De methoden slideUp en
slideDown
maken het mogelijk om een element "op te rollen" en "uit te rollen"
(ze accepteren ook de uitvoeringstijd als parameter, als deze niet wordt opgegeven
- wordt de standaardtijd genomen, 400ms). Hoe
dit eruitziet - zie het volgende voorbeeld.
Stel we hebben twee knoppen en een div:
<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>
De CSS ziet er als volgt uit:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nu schrijven we de methoden slideUp en
slideDown:
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
