Comment basculer entre les méthodes slideUp() et slideDown() en jQuery ?


Il est possible de basculer entre les méthodes slideUp() et slideDown() en utilisant la méthode slideToggle() en jQuery. Cette méthode permet de faire glisser un élément vers le haut ou vers le bas en fonction de son état actuel. Si l'élément est caché, il sera affiché en utilisant slideDown(), et s'il est affiché, il sera caché en utilisant slideUp().

Voici un exemple de code qui utilise slideToggle() pour basculer entre les méthodes slideUp() et slideDown() :

$(document).ready(function(){
  $("#bouton").click(function(){
    $("#element").slideToggle();
  });
});

Dans cet exemple, lorsque le bouton est cliqué, l'élément avec l'ID "element" sera affiché ou caché en utilisant slideToggle(). Si l'élément est actuellement caché, il sera affiché en utilisant slideDown(), et s'il est actuellement affiché, il sera caché en utilisant slideUp().



About the author

William Pham is the Admin and primary author of Howto-Code.com. With over 10 years of experience in programming. William Pham is fluent in several programming languages, including Python, PHP, JavaScript, Java, C++.