指定したシーケンス内のdiv背景色を変更しようとしています

Question

JQueryのjquery.animate-colors-min.jsプラグインを使用するシーケンス内の一部のdivボックスの背景色を変更しようとしています。上記

$('#firstbox').animate({ backgroundColor: "#f6f6f6" }, 'slow') 

私は正常に動作しますが、私は、私は次の指定されたボックスの背景色をアニメーション化するコールバック（可能な場合）を開始については行くだろうか知らない最初のボックスをアニメーション化するために使用するものです。

下記これは予想通り、それは任意の提案は歓迎されるでしょう

$('#firstbox').click(function(){ 

    $('#firstbox').animate({ backgroundColor: "#f6f6f6" }, 'slow'), function(){ 
       $('#secondbox').animate({ backgroundColor: "#f6f6f6" }, 'slow'); 
     }) 

動作しませんが素晴らしかったwoulda何かのほんの一例です。

おかげ

Answer 1

あなたは構文エラーがあります。

$('#firstbox').animate({ backgroundColor: "#f6f6f6" }, 'slow'), function(){ 
    $('#secondbox').animate({ backgroundColor: "#f6f6f6" }, 'slow'); 
}) 

は次のようになります。

$('#firstbox').animate({ backgroundColor: "#f6f6f6" }, 'slow', function(){ 
    $('#secondbox').animate({ backgroundColor: "#f6f6f6" }, 'slow'); 
}) 

Answer 2

アニメーション（）3つの引数

$('#firstbox').click(function(){ 
    $('#firstbox').animate({ backgroundColor: "#f6f6f6" }, 'slow', function(){ 
       $('#secondbox').animate({ backgroundColor: "#f6f6f6" }, 'slow'); 
    }); 
}); 

Answer 3

はこの

0を試しています

$('#firstbox').click(function(){ 

    $(this).animate({ backgroundColor: "#f6f6f6" }, 'slow', function(){ 
       $('#secondbox').animate({ backgroundColor: "#f6f6f6" }, 'slow'); 
     }); 
});