Méthode toggle() de l'effet jQuery
Exemple
Basculer l'état d'affichage et de cachement de l'élément <p> :
$(".btn1").click(function(){
$("p").hide();
});
Définition et utilisation
La méthode toggle() change l'état de visibilité des éléments.
Si les éléments sélectionnés sont visibles, ces éléments sont cachés, et si les éléments sélectionnés sont cachés, ils sont affichés.
Syntaxe
$(selector).toggle(speed,callback,switch)
| Paramètres | Description |
|---|---|
| speed |
Optionnel. Détermine la vitesse à laquelle l'élément passe de visible à caché (ou inversement). La valeur par défaut est "0". Valeurs possibles :
Lorsque la vitesse est définie, les éléments changent progressivement en hauteur, en largeur, en marge extérieure, en marge intérieure et en transparence pendant le processus de passage de visible à caché. Si ce paramètre est défini, le paramètre switch ne peut pas être utilisé. |
| callback |
Optionnel. Fonction à exécuter après l'exécution de la fonction toggle. Pour en savoir plus sur callback, veuillez consulter notre chapitre jQuery Callback. Ce paramètre ne peut pas être défini à moins que le paramètre speed ne soit défini. |
| switch |
Optionnel. Valeur booléenne. Détermine si toggle cache ou affiche tous les éléments sélectionnés.
Si ce paramètre est défini, les paramètres speed et callback ne peuvent pas être utilisés. |
Avis et commentaires
Remarque :Cet effet s'applique aux éléments cachés par jQuery, ou aux éléments pour lesquels display:none est déclaré dans le CSS (mais ne s'applique pas aux éléments visibility:hidden).
Plus d'exemples
- Utiliser le paramètre speed
- Utiliser le paramètre speed pour cacher et afficher les éléments.
- Utiliser le paramètre switch
- Afficher tous les paragraphes cachés en utilisant le paramètre switch.
