jQTouch 애니메이션 테이블 셀 높이

Question

jQTouch를 사용하여 테이블 목록을 표시하고 있습니다. 셀 (jQTouch의 <li> 태그)을 클릭하면 셀 높이를 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(); 
}); ;