La fonction show() en jQuery

Description

La fonction show du framework javascript Jquery permet d'afficher un élément ou un ensemble d'éléments html invisibles pour l'utilisateur, en insérant dynamiquement un "display:block" CSS sur l'élément.
La fonction show() possède deux paramètres :

  • vitesse : temps en milliseconde ou vitesse durant lequel l'effet va ĂŞtre visible pour l'affichage de l'Ă©lĂ©ment. Exemples : slow, fast, 3000, ...
  • callback : fonction ou code Ă  exĂ©cuter lorsque l'animation sur l'Ă©lĂ©ment sera finie

Ces deux paramètres sont optionnels. Si le paramètre de vitesse n'est pas renseigné, la fonction fera un affichage simple sans animation.

Publicité
Solution

// Mise en place de l'élément HTML invisible
<p id="p_hidden" style="display:none;">
   Voici un test
</p>

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

    /* Exemple 1 : Affichage simple */
    $("#p_hidden").show('slow');


    /* Exemple 2 : Affichage et appel d'une fonction */
    $("#p_hidden").show('fast',function(){
      alert('Il est maintenant affiché !');
    });

  });
</script>

Tester en cliquant ici !

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