Basculer d’un effet à l’autre

Ce basculement d’un état à l’autre ou d’une fonction à l’autre est un classique de jQuery et a déjà été abordé dans le chapitre Les événements.

toggle() toggle

Permet de basculer l’état d’affichage de l’élément sélectionné. Si l’élément est affiché, la fonction le fait disparaître (avec la fonction hidden()) et inversement (avec la fonction show()).

$("p").toggle();
 

Cette méthode renvoie un objet jQuery.

toggle(fonction 1,fonction2) slideToggle

Permet de basculer (toggle) entre deux fonctions à chaque clic sur l’élément sélectionné. Lors du clic initial, la première fonction est exécutée. Lors du clic suivant, la seconde est alors exécutée. Lors d’un autre clic, à nouveau la première fonction et ainsi de suite.

$("p").toggle(function(){ 
    $(this).addClass("selected"); 
},function(){ 
    $(this).removeClass("selected"); 
});
 

Cette méthode renvoie un objet jQuery.

Cet effet de basculement est aussi appliqué à la fonction de glissement (voir la section Glisser verticalement du présent chapitre).

slideToggle(vitesse, fonction de rappel)

Cette fonction fait glisser vers le bas un élément qui est en état "Up"...