Effets - La fonction fadeOut() de Jquery

A l'inverse de la fonction fadeIn, la fonction fadeOut 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 modifiant l'opacité lors de la disparition de cet élément.

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

• vitesse : temps en milliseconde ou vitesse durant lequel l'effet va être visible pour la disparition 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").fadeOut('slow');


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

  });
</script>

Tester en cliquant ici !

Exemple de test !