问“color”的解析值错误(jQuery UI)

EN

当单击元素时，我尝试用jQuery UI动画化颜色更改(字体)。我把jQuery用户界面的文件包括在他们的网站上。

<script type='text/javascript'>
    $(document).ready(function() {                  
        $('.benefits').click(function() {
            $(this).animate({color:'#b22425'}, 200);
        });
    });
</script>

它不起作用。控制台说：

“颜色”的解析值出现错误。声明取消了。

当我添加一个动画宽度变化，这是很好的工作，但颜色错误保持不变。我做错了什么？

谢谢你的帮助：)

编辑

我正在找出问题所在:我在PHP中包括导航和页脚：

<?php 
    include('navigation.php');
?>  

当我删除这个块时，一切正常。但是，当我在PHP中包括导航和页脚时，就会出现解析错误。

有谁有解决办法吗？

编辑2

导航和页脚文档是“全文档”，这意味着他们有自己的html，头部，样式，身体.标签。我把这些文档包含在我的主文档的正文标签中，所以其中有3个完整的html文档。

在从导航和页脚文档中删除不必要的标记之后，一切都可以很好地工作。

我早知道-“

谢谢你的评论和回答:-)