span{
   color: red;
}

span.myClass{
   color: blue;
}

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

Ce qu'il faut c'est [url=http://api.jquery.com/toggleclass/]toggleClass[/url] :

[code]$('button').click(function(){
$('span').toggleClass('myClass');
);[/code]

[css]span{
color: red;
}

span.myClass{
color: blue;
}[/css]

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

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]

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

....

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

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 ?