javascript - ホバー後に背景を削除するアニメーションを作成するにはどうすればよいですか？

Question

要素の上にマウスを置いたときに背景を設定した後、背景を削除する正しい方法が必要です。

私はこれらを試しました：

$("#store_header .right #nav ul li").hover(function() {
    $(this).animate({backgroundColor : '#0097d5'}, 200);}
    ,function() {
        $(this).animate({backgroundColor : ''}, 200);
    }

);

しかし、2番目の関数が機能しなかったので、エラーと正しいものを教えてください

Answer 1

元に戻す色を設定する必要があります。動作デモを確認してください。(注: jquery-ui を含む)

$("#store_header .right #nav ul li").hover(function() {
    $(this).animate({backgroundColor : '#0097d5'}, 200);
    } ,function() {
        $(this).animate({backgroundColor : '#fff'}, 200);
    }
);

Answer 2

デモ

$("#store_header .right #nav ul li").hover(
    function() {
        $(this).animate({backgroundColor : '#0097d5'}, 200);
    }, function() {
        $(this).animate({backgroundColor : 'transparent'}, 200);
    }
);