jQTouch动画表格单元格高度

Question

我正在使用jQTouch来显示表格列表。当单击一个单元格（实际上是jQTouch中的<li>标签）时，我想将单元格的高度设置为0，然后隐藏元素。

我已经尝试过使用jquery.animate（），它适用于firefox / chrome / opera，但它在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();
}); ;