HTMLに「svg」タグがあります。これはsoundcloudアイコンです。CSS で「トランジション」プロパティを使用しているかのように、soundcloud アイコンがマウスオーバーで色を遷移するようにしたいと考えています。下のリンクで、soundcloud アイコンの両側にある Twitter ブートストラップ アイコンを見て、私の言いたいことを理解してください。
私は運がないのでこれを試しました：
$(".soundcloud")
.mouseenter(function() {
var color = "#ff7700";
$(this).animate({children().css('fill',color);
}, 1000) })
.mouseleave(function() {
$(this).animate({children().css('fill','#FAFAFA');
}, 1000)});
});
サイトはここでホストされています: http://itstonygraham.com/archive/dev/
このスクリプトのバージョンは、終了 body タグの前にあります。
このような作品を作るにはどうすればよいでしょうか。