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:

html<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>

De CSS ziet er als volgt uit:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Nu schrijven we de methoden slideUp en slideDown:

javascript$('#hide').click(function() {
  $('#elem').slideUp(1000);
});

$('#show').click(function() {
  $('#elem').slideDown(1000);
});