Question

Probably simple one, just trying to animate the color of text on hovering over a div. Got so far researching on SO but if someone could point me in the right direction that would be awesome. Currently this does nothing and throws no errors to the console:

$('#homenav .homenavimg').hover(function (){
    $('#homenav h1').toggle(function() {
       $(this).animate({ color: "#FF0000" }, 1000);
    }, function() {
       $(this).animate({ color: "#000000" }, 1000);
    });
});

Thanks in advance!
(PS: I have links to JQuery and UI set up ok)

Answer 1

If you would have provided your markup that would have been great but check this out. Probably you are looking for something like this

http://jsfiddle.net/j6AeZ/2/

$('#homenav .homenavimg').hover(function (){
$('#homenav h1').stop().animate({ color: "#FF0000" }, 1000);
  }, function() {
  $('#homenav h1').stop().animate({ color: "#000000" }, 1000);
});​