jQuery mobile dodaj animację do zestawu składanego
Chciałbym dodać animację do zwijanego zestawu za pomocąjQuery Mobile. Pokażę prosty przykład tego:
<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 doskonale sobie z tym radzi i pokazuje mi składany zestaw 3 przedmiotów. To czego chcę to ANIMACJA, jednak wydaje mi się, że nic nie znalazłem w dokumentach.
Jeszcze nie przetestowałem, jak prosteAnimacja CSS(właściwość animowania wysokości) zadziała, jednak istniejejQuery Mobile sposób na zrobienie tego jak obrócenie flagi wewnętrznej?
EDYTOWAĆ Przetestowałem prostą metodę animacji jQuery i ona rzeczywiście działa. Na wypadek, gdyby ktoś tego potrzebował. Działa płynnie nawet na moim telefonie z Androidem 528 MHz w domyślnej przeglądarce. Dodany przeze mnie fragment jest naprawdę prosty:
<code>$( ".ui-collapsible-heading" ).live( "click", function(event, ui) { $(this).next().css('height', '0').animate({ height: '100px' }); }); </code>