Méthode jQuery événement - toggle()
Exemple
Changer les couleurs de fond différentes :
$("p").toggle(
function(){
$("body").css("background-color","green");
function(){
$("body").css("background-color","red");}
function(){
$("body").css("background-color","yellow");}
);
Définition et utilisation
La méthode toggle() est utilisée pour lier deux ou plusieurs gestionnaires d'événements, pour répondre aux événements click répétés de l'élément sélectionné.
Cette méthode peut également être utilisée pour basculer les éléments sélectionnés hide() et show() Méthode.
Lier deux ou plus de fonctions à un événement Toggle
Basculer entre deux ou plusieurs fonctions lorsque l'élément spécifié est cliqué.
Si deux ou plus de fonctions sont spécifiées, la méthode toggle() bascule toutes les fonctions. Par exemple, si trois fonctions existent, le premier clic appelle la première fonction, le deuxième clic appelle la deuxième fonction, le troisième clic appelle la troisième fonction. Le quatrième clic appelle à nouveau la première fonction, et ainsi de suite.
Syntaxe
$(selector).toggle(function1(),function2(),functionN(),...)
| Paramètres | Description |
|---|---|
| function1() | Obligatoire. Fonction à exécuter lorsque l'élément est cliqué pour la deuxième fois. |
| function2() | Obligatoire. Fonction à exécuter lorsque l'élément est cliqué pour la première fois. |
| functionN(),... | Optionnel. Définit d'autres fonctions à basculer. |
Basculer Hide() et Show()
Vérifie si chaque élément est visible.
Si l'élément est déjà caché, exécute show(). Si l'élément est visible, exécute hide(). De cette manière, vous pouvez créer un effet de basculement.
Syntaxe
$(selector).toggle(speed,callback)
| Paramètres | Description |
|---|---|
| speed |
Optionnel. Définit la vitesse de l'effet hide/show. La valeur par défaut est "0". Valeurs possibles :
|
| callback |
Optionnel. Fonction exécutée lorsque la méthode toggle() est terminée. Pour en savoir plus sur les callback, veuillez visiter notre Tutoriel sur les fonctions callback。 |
Affichage ou masquage des éléments
Détermine si seuls les éléments correspondants doivent être affichés ou masqués.
Syntaxe
$(selector).toggle(switch)
| Paramètres | Description |
|---|---|
| switch |
Obligatoire. Valeur booléenne, indiquant si toggle() doit uniquement afficher ou uniquement cacher tous les éléments sélectionnés.
|
