Высота ячейки анимированной таблицы jQTouch

Question

Я использую jQTouch для отображения списка таблиц. Когда щелкают ячейку (на самом деле тег <li> в jQTouch), я хотел бы анимировать высоту ячейки до 0, а затем скрыть элемент.

Я попытался использовать для этого jquery.animate (), и он работает в Firefox / Chrome / Opera, но на iPhone он работает очень медленно.

Кто-нибудь знает, как использовать -webkit-animate (или какую-либо совместимую с iPhone инфраструктуру, такую ​​как jQTouch), чтобы сделать это?

Спасибо, Brett

Answer 1

CSS:

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

JS:

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