toggleClass（'。selector'，time）上的jQuery-UI淡入淡出子容器

Question

我嘗試使用jquery-ui的addClass/toggleClass函數在兩種狀態之間進行轉換。我的問題是我也想淡化子容器。

下面是一個例子：我想#blue和#red是動畫，也不僅僅是#transition塊http://jsfiddle.net/xhWjP/1/

。 （點擊）。有沒有內置的解決方案，還是我必須自己編寫此行爲？

謝謝！

Answer 1

可以使用CSS3轉換。 （我認爲只是衆多方法中的一種）。

-webkit-transition: all .2s linear; 
-moz-transition: all .2s linear; 
-ms-transition: all .2s linear; 
-o-transition: all .2s linear; 
transition: all .2s linear; 

Demo

可用性：http://caniuse.com/#search=transition

IE 10，FF 9 +，Chrome瀏覽器17+