Effets - La fonction slideDown() de Jquery

Description

La fonction slideDown du framework Jquery permet d'afficher un élément ou un ensemble d'éléments html invisibles pour l'utilisateur. Il donnera un effet en faisant dérouler l'élément lors  son affichage
La fonction fadeIn() possède deux paramètres :

  • vitesse : temps en milliseconde ou vitesse durant lequel l'effet va ĂŞtre visible pour le dĂ©roulement 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="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").slideDown('slow');


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

  });
</script>

Tester en cliquant ici !

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