Effets - La fonction slideUp() de Jquery

A l'inverse de la fonction slideDown, la fonction slideUp du framework Jquery permet de faire disparaître un élément ou un ensemble d'éléments html en les rendants invisibles pour l'internaute. Il donnera un effet de progression en enroulant cet élément.

La fonction slideUp() possède deux paramètres :

• vitesse : temps en milliseconde ou vitesse durant lequel l'effet va être visible pour l'enroulement de l'élément. Exemples : slow, fast, 3000, ...
• callback : fonction ou code a exécuter lorsque l'animation sur l'élément est terminée

Ces deux paramètres sont optionnels.

// Mise en place de l'élément HTML invisible
<p id="element_p">
   Voici un test
</p>

// Mise en place du script
<script type="text/javascript">
   $(document).ready(function(){

     /* Exemple 1 : Disparition simple */
     $("#element_p").slideUp('slow');


     /* Exemple 2 : Disparition et appel d'une fonction */
     $("#element_p").slideUp('fast',function(){
       alert('Il est maintenant caché !');
     });

  });
</script>

Tester en cliquant ici !

Exemple de test !