Download WordPress Themes, Happy Birthday Wishes

jQuery slideDown()

La méthode slideDown() de jQuery  permet d’abaisser un élément.

Syntaxe:

$(selector).slideDown(speed);  
$(selector).slideDown(speed, callback);   
$(selector).slideDown(speed, easing, callback);
  • speed: Il spécifie la vitesse du délai. Ses valeurs possibles sont lentes, rapides et en millisecondes.
  • easing: spécifie la fonction d’accélération à utiliser pour la transition.
  • callback: c’est aussi un paramètre optionnel. Il spécifie la fonction à appeler après l’achèvement de l’effet slideDown ().

Prenons un exemple pour illustrer l’effet slideDown() de jQuery .

<!DOCTYPE html>  
<html>  
<head>  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
<script>   
$(document).ready(function(){  
    $("#flip").click(function(){  
        $("#panel").slideDown("slow");  
    });  
});  
</script>  
 <style>   
#panel, #flip {  
    padding: 5px;  
    text-align: center;  
    background-color: #00FFFF;  
    border: solid 1px #c3c3c3;  
}  
#panel {  
    padding: 50px;  
    display: none;  
}  
</style>  
</head>  
<body>  
<div id="flip">Cliquer pour glisser le panneau</div>  
<div id="panel">Hello javatpoint.com!   
It is the best tutorial website to learn jQuery and other languages.</div>  
</body>  
</html> 

Résultat :

jquery-slidedown