toggle() ne fonctionne pas

10 juil. 2015, 05:35

Bonjour.
Avec toggle(),je voudrais alterner la couleur de caractère d'un texte en appuyant
le boutton.
Mais le code ci-dessous est tellement fainéant que toggle n'a rien fait.

Code : Tout sélectionner


$('button').toggle(function(){
	$('span').css('color','red');
},function(){
	$('span').css('color','blue');
 }
);

....

<div id="footer">
<button>changer de couleur</button>
<span>foo</span>
</div>

J'ai essayé de capturer des erreurs javascript avec la fonction de GoogleChrome "inspecter des éléments" sans
détecter aucun erreur.
Puis,toutes les attributs html s'écrivent correctement.

Pourquoi,en cliquant le boutton,je ne peux pas voir le texte rouge et bleu ?

10 juil. 2015, 10:37

Ce qu'il faut c'est toggleClass :

Code : Tout sélectionner

$('button').click(function(){
   $('span').toggleClass('myClass');
);

span{
   color: red;
}

span.myClass{
   color: blue;
}

<div id="footer">
<button>changer de couleur</button>
<span>foo</span>
</div>

toggle() ne fonctionne pas

Qui est en ligne