jquery - jQTouch アニメーション テーブル セルの高さ

Question

jQTouch を使用してテーブル リストを表示しています。セル (実際に<li>は jQTouch のタグ) がクリックされると、セルの高さを 0 までアニメートしてから、要素を非表示にしたいと考えています。

これには jquery.animate() を使用してみましたが、firefox/chrome/opera では動作しますが、iPhone では非常に遅くなります。

-webkit-animate (または jQTouch などの iPhone 互換フレームワーク) を使用してこれを行う方法を知っている人はいますか?

ありがとう、ブレット

Answer 1

CSS:

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

JS:

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