Effets - La fonction slideUp() de Jquery

Description

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.

Publicité
Solution

// 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 !

Notez la solution
1.6/5 (108 votes)
Partagez cette question
Questions similaires
Effets - La fonction slideDown() de Jquery
Mots clés slideUp, slideDown, Jquery, effets, framework
Derniére modification le 16/11/10 à 10:34