jQuery的不是動畫的顏色變化

Question

小提琴：http://jsfiddle.net/BMJWS/

我想使文字變成紅色的點擊，但它不工作的一些原因：

HTML：

<div id = 'text'>hi</div> 

CSS：

#text { 
    color:black; 
} 

js：

function turnred() { 
    $("#text").animate({color: 'red'}, 400); 
} 

$('#text').click(function() { 
    turnred(); 
}); 

Answer 1

爲了與彩色動畫工作，你需要包括JQuery UI：

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 

Updated Fiddle