title: JQuery Accordion Auto Height issue
body: <p>I am using JQuery Accordion. I have this page here: <a href="http://www.hauppauge.com/site/support/support_colossus.html#tabs-6" rel="noreferrer">http://www.hauppauge.com/site/support/support_colossus.html#tabs-6</a></p>
  
  <p>What happens is the Auto Height is taking some time to load, before it loads there is a lot of white space below the content. When it finally does load the height will expand to longer then snap up to the correct height of the content. Is there a way for this to be seamless? I just want to be able to click an Accordion tab and have it expand smoothly to the exact height of the content.</p>
  
  <p><strong>Update 08/08/2014:</strong></p>
  
  <p>Use <code>heightStyle: "content"</code> if you're using <a href="http://api.jqueryui.com/1.9/accordion/#option-heightStyle" rel="noreferrer">version 1.9 and higher</a> (<a href="https://stackoverflow.com/users/1896608/tarun-gupta">Tarun's</a> answer)</p>
  
  <p>Use <code>autoHeight: false</code> for <a href="http://api.jqueryui.com/1.8/accordion/#option-autoHeight" rel="noreferrer">1.8 and lower</a> (iappwebdev's answer)</p>