Fade in fade out with jQuery

by Jordan Dayton

HTML

<a href="#">test1</a><br />
<a href="#">test1</a><br />
<a href="#">test1</a><br />
<a href="#">test1</a><br />
<a href="#">test1</a><br />

JavaScript

$('a').mouseenter(function(){
    $(this).animate({
        color: '#ff0000'
    }, 1000);
}).mouseout(function(){
    $(this).animate({
        color: '#000000'
    }, 1000);
});