如何使用jQuery在2种CSS颜色之间切换？

Question

当我单击页面上的某个按钮时,我想要一串文本将颜色从默认值更改为#c30,当我再次单击该按钮时,它会更改回默认值.

我的代码看起来像这样:

$("#button").click(function() {
    var anno = $(#text);
    if (anno.css('color') == '#c30') {
        anno.css('color', '');
    } else {
        anno.css('color', '#c30');
    }

});

但它似乎不适用于FF3.虽然在IE中工作.任何的想法？

Answer 1

我会尝试尽可能地分离表示细节,即更改元素所属的类,并将颜色信息保留在单独的样式表中.

$("#button").click(function() {
        $("#text").toggleClass('somethingDescriptive');
});