html - 毎回機能を繰り返す

Question

 function fader(){
    $('#numbers').animate({backgroundColor: '#FFFFFF'}, 900);
    }

HTML

<div id="numbers" style="background-color: blue; width:200px;" onclick="fader()">1234567890</div>

上記のコードは、クリックイベント時にdivの背景色を青から白に変更します。ただし、最初のクリックでのみ機能します。

divをクリックするたびに色を変更するにはどうすればよいですか？

Answer 1

もう一度青にする必要があります！

function fader()
{
    $('#numbers')
        .css('background-color', '#FF0000')
        .animate({
          backgroundColor: '#FFFFFF'
        }, 900);
}

Answer 2

background-colorインラインCSSを使用するのではなく、別のCSSスタイルを使用して設定してみてください。