title: jQuery Mobile accordion widget auto height is not working
body: <p>I am using the jQuery Mobile accordion widget with jQuery version 1.7.1 and jQueryMobile version 1.1.1. I would like the accordion, when expanded, to occupy a fixed space so that the rest of the page doesn't scroll down, just like the demo here: <a href="http://jqueryui.com/accordion/#default" rel="nofollow">http://jqueryui.com/accordion/#default</a></p>
  
  <p>I have tried using the 'accordion' options from jQuery but it seems that they are different. As it is now, the accordion panels change size depending on content and thus the content below the accordion constantly shifts.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>  &lt;div data-role="collapsible-set"&gt;
      &lt;div data-role="collapsible"&gt;
          &lt;h3&gt;Title 1&lt;/h3&gt;
          &lt;p&gt;[content 1: very long]&lt;/p&gt;
      &lt;/div&gt;
      &lt;div data-role="collapsible"&gt;
          &lt;h3&gt;Title 2&lt;/h3&gt;
          &lt;p&gt;[content 2: normal length]&lt;/p&gt;
      &lt;/div&gt;
      &lt;div data-role="collapsible"&gt;
          &lt;h3&gt;Title 3&lt;/h3&gt;
          &lt;p&gt;[content 3: short]&lt;/p&gt;
      &lt;/div&gt;
      &lt;div data-role="collapsible"&gt;
          &lt;h3&gt;Title 4&lt;/h3&gt;
          &lt;p&gt;[content 4: short]&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you!</p>