Glisser verticalement

Les fonctions slideDown() et slideUp() permettent de jouer dynamiquement sur la hauteur d’un élément, généralement une division <div> ... </div>.

slideDown(vitesse, fonction de rappel) slideDown

Fait glisser vers le bas (down) un élément sélectionné.

L’animation modifie seulement la hauteur. Depuis la spécification jQuery 1.3, les marges verticales, externes et internes sont également modifiées pour obtenir un effet plus fluide.

  • vitesse (optionnel) : chaîne de caractères représentant une des trois vitesses prédéfinies (’slow’, ’normal’ ou ’fast’) ou le nombre en millisecondes correspondant à la durée de l’effet.


$('div').slideDown('fast');
 
  • fonction de rappel (callback) (optionnel) : fonction à exécuter à la fin de l’effet. 


$('div').slideDown('fast', function(){alert("Fin");});
 

Cette méthode renvoie un objet jQuery.

slideUp(vitesse, fonction de rappel) slideUp

Fait glisser vers le haut (up) un élément sélectionné.

L’animation modifie seulement la hauteur. Depuis la spécification jQuery 1.3, les marges verticales, externes et internes sont également modifiées pour obtenir un effet plus fluide.

  • vitesse (optionnel) : chaîne de caractères représentant une des trois vitesses prédéfinies...

couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Afficher et cacher
Suivant
Réaliser un effet de fondu