Fading colors with jquery?

Question

I have a regular color change using jquery, but I\'d like to have it so it has a smooth color change. At the moment, the code changes the color of a link on hover and then remov

Answer 1

You'd use .animate(), like this:

$(document).ready(function() {
  $("#link1,#link2,#link3").hover(function() {
    $(this).stop().animate({ color: "#990000" });
  },function(){
    $(this).stop().animate({ color: "#FFFFFF" });
  }); 
});

Note though, you need either the color plugin, or jQuery UI included for color animations to work.