title: jQuery mobile add animation to collapsible-set
body: <p>I would like to add an animation to collapsible set with <strong>jQuery Mobile</strong>.
  Let me show a simple example of this:</p>
  
  <pre><code>&lt;div id="tiles" data-role="collapsible-set" data-iconpos="right"&gt;
     &lt;div class="tile" data-role="collapsible" data-iconpos="right"&gt;blablabla&lt;/div&gt;
     &lt;div class="tile" data-role="collapsible" data-iconpos="right"&gt;blablabla&lt;/div&gt;
     &lt;div class="tile" data-role="collapsible" data-iconpos="right"&gt;blablabla&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery Mobile</strong> handles this perfectly and shows me collapsible set of 3 items. What I want is ANIMATION, however I seem not to find anything in the docs.</p>
  
  <p>I haven't tested yet how simple <strong>CSS animation</strong>(animating height property) would work, however is there a <strong>jQuery Mobile</strong> way of doing it like turning some internal flag ?</p>
  
  <p><strong>EDIT</strong>
  I have tested out a simple jQuery animate method and it actually works. Just in case anyone else needs this. It runs smoothly even on my 528MHz Android phone on a default browser. A snippet I have added is really simple:</p>
  
  <pre><code>$( ".ui-collapsible-heading" ).live( "click", function(event, ui) {
      $(this).next().css('height', '0').animate({
          height: '100px'
      });
  });
  </code></pre>