jQTouch動畫表格單元格高度

Question

我正在使用jQTouch來顯示錶格列表。點擊單元格（實際上是jQTouch中的<li>標籤）時，我想將單元格的高度設置爲0，然後隱藏該元素。

我已經嘗試使用jquery.animate（）爲此，它適用於Firefox /鉻/歌劇，但它是超級慢的iPhone。

有沒有人有任何想法如何使用-webkit-animate（或一些iPhone兼容的框架，如jQTouch）來做到這一點？

感謝， 佈雷特

Answer 1

CSS：

-webkit-transition-property: height; 
-webkit-transition-duration: 0.5s; 

JS：

$('element').css('height', 0).bind('webkitTransitionEnd', function() { 
    $(this).hide(); 
}); ;