Google Watch this Space，社交圖標

Question

Google在其Watch This Space頁面上有一個很酷的功能。在右側顯示圖標，當您將鼠標懸停在圖標上時，它會展開並更改顏色。

有沒有人有任何想法如何在jQuery中做到這一點？我已經嘗試了一些東西，但沒有任何結論或值得發佈。任何幫助或指向正確的方向都會很棒。謝謝！

Answer 1

使用動畫：

$('#someID').animate({ 
    width: '100px', 
    backgroundColor: 'red' 
}); 

這裏是一個小提琴：http://jsfiddle.net/maniator/2u9E5/

它使用jQueryUI的以及

---

這裏是利用不同顏色的小提琴：http://jsfiddle.net/maniator/2u9E5/6/