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
1.8/5 (210 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