Méthodes slideUp et slideDown dans jQuery

Les méthodes slideUp et slideDown permettent de faire un "enroulement" et "déroulement" de l'élément (elles prennent également comme paramètre le temps d'exécution de l'effet, s'il n'est pas spécifié - le temps par défaut est pris, 400ms). Comment cela ressemble - regardez l'exemple suivant.

Supposons que nous ayons deux boutons et un div :

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

Le CSS ressemble à ceci :

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

Maintenant, nous codons les méthodes slideUp et slideDown :

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

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