jQTouch table animée cellule haute

Question

J'utilise jQTouch pour afficher une liste de tables. Quand une cellule (vraiment une balise <li> dans jQTouch) est cliquée, je voudrais animer la hauteur de la cellule jusqu'à 0, puis masquer l'élément.

J'ai essayé d'utiliser jquery.animate() pour cela, et cela fonctionne sur firefox/chrome/opera, mais c'est super lent sur l'iPhone.

Quelqu'un a-t-il une idée de la façon d'utiliser -webkit-animate (ou un framework compatible avec l'iPhone, tel que jQTouch), pour cela?

Merci, Brett

Answer 1

CSS:

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

JS:

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