TextBox Foreground color in jquery

Question

Why isn't this piece of code working?

$("#TextOne").animate({ color: "#FFFF00" }, 800);

When i call it on a button click it does nothing. I have Chrome.

Answer 1

Are you using the color plugin (or jQuery UI)?

Without one of these it won't work because jQuery does not natively support the animation of color properties.

Answer 2

You can't fade colors :( You need Color plugin for that :)

Answer 3

Try the following.

define a css color like this.

.anim-color
    {
        color:##FFFF00;
    }

animate on a class like this.

$("#TextOne").animate({ className: 'anim-color' }, 800);