 <p>You don't need JQuery for this task. You can usee <a href="http://www.w3schools.com/css/css3_transitions.asp" rel="nofollow">CSS3 transition</a>.</p> <p>Try this:</p> <pre><code>a { color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a:hover { color: #ff000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .dark a { color: #ff0000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .dark a:hover { color: #000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } </code></pre> <p><a href="http://jsfiddle.net/8yQ6D/3/" rel="nofollow">http://jsfiddle.net/8yQ6D/3/</a></p>