Анимировать цвет фона JQuery

Question

После поиска в интернете кажется, что существует множество подходов к анимации цвета с помощью jquery.

Как мне лучше всего анимировать цвет фона моей "оболочки" с #FFF на# 000?

 var open = true;
    $(".btn-slide").click(function(){ 
        if(open){
        $("#wrapper").animate({
            width: 900,  
            }, 
            1000, function() {
        });
    open= false;
    }else{
        $("#wrapper").animate({
            width: 250,  
            }, 
            1000, function() {
    open = true; }
});

Спасибо за ваши предложения.Я очень благодарен за вклад.

Answer 1

Вы бы использовали jQuery animate .

Однако по умолчанию jQuery не может интерполировать цвета, поэтому вам нужно использовать плагин color animation или (как сказал Никлас) jQuery UI Effects .

Answer 2

вы можете попробовать это

var open = true; 
        $(".btn-slide").click(function(){ 
        if(open){ 
        $("#wrapper").animate({ 
        width: 900, 
        backgroundColor: '#000' 
        }, 
        1000, function() { 
        }); 
        open= false; 
        }else{ 
        $("#wrapper").animate({ 
        width: 250,
        backgroundColor: '#000' 
        }, 
        1000, function() { 
        open = true; } 
        });