how to change text color in jquery animate?

Question

I am very new to jquery. I am trying to change text color using jquery animate. But my code is not working. please anyone help me

<script>
$(p).hover(function(){
    $(this).animate({"color":"red"})
    })
</script>

Answer 1

Without using any additional plugin: I know this question is pretty old now but this is to help anyone still looking for a solution... here is a workaround without the need of any additional plugin.

jQuery css to change the color:

$("p").hover(function(){
    $(this).css("color","red");
})

and CSS transition to replicate the animation effect when the color changes:

p {
color: black;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
-o-transition: color 0.4s ease;
transition: color 0.4s ease;
}

Answer 2

You can simply acheive it with Jquery UI. After adding simply

$( "#effect" ).animate({
          backgroundColor: "#aa0000",
          color: "#fff",
          width: 500
        }, 1000 );

http://jqueryui.com/animate/