Affichage d’un toggle horizontal

Étape 1 :

Dans un container, ajoute le Toggle souhaité. À la suite du toggle, ajoute un bloc de code.

Étape 2 :

Dans le bloc de code, insère le script suivant :

jQuery("#mon_bouton").on("click", function(event){
jQuery("#mon_bloc").slideToggle();
});
setTimeout(() => {
jQuery(“#mon_bloc”).hide();
}, 100);

Ce que fait ce script :

  • Cacher un bloc au démarrage (avec un petit délai)

  • Afficher ou cacher ce bloc quand on clique sur un bouton

Détails :

  • Quand on clique sur un bouton avec l’ID mon_bouton :

    • Le bloc avec l’ID mon_bloc va s’ouvrir ou se refermer doucement (effet coulissant) grâce à slideToggle().

2025-06-02T14:34:26+02:00
Aller en haut