jQuery анимирует цвет фона, не анимирующий

Question

http://jsfiddle.net/leonwho/98mD2/

HTML

<div id="account-setup-guide">
    <div id="account_tour_info">
        <ul>
            <li class="setup_complete"><strong>1</strong> Sync!</li>
        </ul>
    </div>
</div>

CSS

#account-setup-guide {
    position: relative;
    margin: 30px 30px 20px 20px;
    padding: 20px;
    width: auto;
    border: 5px solid orange;
    background: orange;
}

JQuery

var animateThis = function() {

    console.log('run animateThis');

    $('#account-setup-guide').stop().animate({backgroundColor: '#ffffff'}, 500);

    $('#account-setup-guide').animate({
        background: 'white'
    }, 500);
}

animateThis();

Не уверен, почему это не работает, я использовал оба примера выше .animate но это не работает в моем текущем тесте jsfiddle:(

Answer 1

JQuery не поддерживает анимацию цвета, вы должны включить плагин, который поддерживает его как jQuery UI или же jQuery color:

цвет jQuery

jsFiddle (от thx до kei)