JQuery Mobile добавить анимацию в складной набор
Я хотел бы добавить анимацию в складной набор сjQuery Mobile. Let me show a simple example of this:
<code><div id="tiles" data-role="collapsible-set" data-iconpos="right"> <div class="tile" data-role="collapsible" data-iconpos="right">blablabla</div> <div class="tile" data-role="collapsible" data-iconpos="right">blablabla</div> <div class="tile" data-role="collapsible" data-iconpos="right">blablabla</div> </div> </code>
jQuery Mobile прекрасно с этим справляется и показывает мне складной набор из 3 предметов. То, что я хочу, - это АНИМАЦИЯ, однако я не вижу ничего в документации.
Я еще не проверял, насколько простоCSS animation(свойство анимации высоты) будет работать, однако есть лиjQuery Mobile способ сделать это, как повернуть какой-то внутренний флаг?
EDIT Я протестировал простой метод jQuery animate, и он действительно работает. На всякий случай кому-то еще это нужно. Он работает гладко даже на моем телефоне Android 528 МГц в браузере по умолчанию. Добавленный фрагмент действительно прост:
<code>$( ".ui-collapsible-heading" ).live( "click", function(event, ui) { $(this).next().css('height', '0').animate({ height: '100px' }); }); </code>