Download WordPress Themes, Happy Birthday Wishes

jQuery slideUp()

La méthode slideDown() de jQuery permet de faire glisser un élément vers le haut.

Syntaxe:

$(selector).slideUp(speed);  
$(selector).slideUp(speed, callback);   
$(selector).slideUp(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 slideUp ().

Prenons un exemple pour illustrer l’effet slideUp ().

<!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").slideUp("slow");  
    });  
});  
</script>  
 <style>   
#panel, #flip {  
    padding: 5px;  
    text-align: center;  
    background-color: #00FFFF;  
    border: solid 1px #c3c3c3;  
}  
#panel {  
    padding: 50px;  
}  
</style>  
</head>  
<body>  
<div id="flip">Cliquer pour faire glisser le panneau</div>  
<div id="panel">Hello w3tutoriels.com!   
C'est le meilleur site de tutoriel pour apprendre jQuery et d’autres langues.</div>  
</body>  
</html>  

Résultat :

jquery-slideup