La fonction hide() en jQuery

Description

Contrairement à la fonction show, la fonction show 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.

La fonction hide() 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. Le fait de laisser le paramètre de vitesse vide cachera simplement l'élément, sans effet.

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").hide('slow');


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

  });
</script>

Tester en cliquant ici !

Exemple de test !

Notez la solution
1.9/5 (119 votes)
Partagez cette question
Questions similaires
La fonction show() en jQuery
Mots clés hide, show, jquery, effet, framework, javascript
Derniére modification le 01/02/11 à 16:47