I have this demo:
$(document).ready(function(e) {
$(".footer-list li").mouseover(function() {
$(this).animate({ backgroundColor: "#d31d4a" }, 1500);
// $(this).css("background-color", "#d31d4a");
});
});
Animation code doesn’t work and I have no idea why!!
When I use .css, it works without any problems.
Can anyone tell me what the problem is?
jQuery doesn’t animate colors out-of-the-box, so you need a color animation plugin, like this one. Just include it and everything should work.
Demo: http://jsfiddle.net/WFVby/2/