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 :
<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>
Le CSS ressemble à ceci :
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Maintenant, nous codons les méthodes slideUp et
slideDown :
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
