jQuery.slideDown()

Liste des paramètres acceptés :

slideDown(speed,callback)

slideDown(speed,callback)

Affiche tous les élements sélectionnés selon un effet spécifique (consultez la démonstration pour en voir un exemple). Une fonction peut également être assignée et sera éxécutée après l'animation.
Seulement la hauteur est ajustée pour cette animation, les élements sélectionnées apparaissent à la manière d'un "glissement".

Paramètres:

speed (String ou entier): (optionnel) chaine de caractères représentant une des trois vitesses prédéfinies ("slow","normal", ou "fast") ou le nombre en millisecondes correspondant à la durée de l'animation.
callback (Fonction): (optionnel) fonction à éxécuter à la fin de l'animation.

Cette methode renvoie: jQuery

Prenons l'exemple suivant:

$("p").slideDown("slow");

Prenons l'exemple suivant:

$("p").slideDown("slow",function(){ alert("Animation Done."); });

Démonstration

Les effets

Test montrant l'effet 'FadeOut' / 'FadeIn' qui fait disparaitre un calque, avec la vitesse voulue.

  
$(document).ready(function() {

    $("#Bt_fadeOut").click(function(){

        $('#effet_fadeOut').fadeOut("slow");

        $('#effet_fadeOut').fadeIn("fast");

    });

});

Test montrant l'effet 'FadeTo' permettant de définir l'opacité et la vitesse.

  
$(document).ready(function() {

    $("#Bt_fadeTo").click(function(){

        $('#effet_fadeTo').fadeTo("slow", 0.3);

        $('#effet_fadeTo').fadeTo("slow", 1);

    });

});

Test montrant l'effet 'Hide' et 'show' permettant de cacher et rendre un élement visible.

  
$(document).ready(function() {

    $('#Bt_hide').click(function(){

        $('#effet_hide').hide("slow");

        $('#effet_hide').show("slow");

    });

});

Test montrant l'effet 'Slide'.

  
$(document).ready(function() {

    ;$('#Bt_slide').click(function(){

        $('#effet_slide').slideUp("normal");

        $('#effet_slide').slideDown("normal");

    });

});