Специальный эффект цветового перехода с чистой анимацией jQuery // без пользовательского интерфейса или другой библиотеки

Я пытаюсь создать цветную анимацию jQuery без каких-либо внешних плагинов. Пока что мне удалось сделать это с помощью jQuery-ui, но я хочу научиться этому сpure jQuery animate()

Возможно ли это сделатьс меньшим количеством кода а такжебез каких-либо внешних плагинов JQuery на1,8?

Вот пример jsFiddle сJQuery 1.7.2 и пользовательский интерфейс

JQuery:

var Text = $('h1');
var Box = $('.box');

Text.click(function() {
    Text.animate({'color':'#f00'},600)
        .delay(200).animate({'color':'#ff0'},600)
        .delay(200).animate({'color':'#000'},600);
});

Box.click(function() {
    Box.animate({'background-color':'#f00'},600)
        .delay(200).animate({'background-color':'#ff0'},600)
        .delay(200).animate({'background-color':'#000'},600);
});

Ответы на вопрос(2)

Ваш ответ на вопрос