title: jQuery Accordion open collapsed
body: <p>using jquery v1.3.2 and jQuery UI 1.7.1</p>
  
  <p>I have 1 tab control with 3 tabs in it. Each tab contains 1 accordion control.</p>
  
  <pre><code>$(document).ready(function() {
  $('#acc1').accordion({ collapsible: true, autoHeight: false });     
  
  $('#acc1').accordion({ collapsible: true, autoHeight: false });     
  
  $('#acc1').accordion({ collapsible: true, autoHeight: false });
  
  $('#tabControl').tabs();
  
  });
  </code></pre>
  
  <p>tabControl is not visible at page load. There is button that opens it.</p>
  
  <pre><code>$("#btnShow").bind("click", function() {
  $('#tabControl').slideToggle("slow");
  });
  </code></pre>
  
  <p>I can't find the way to have all accordion controls collapsed. Every time I show tabControl, accordions in it have first item always expanded.</p>
  
  <p>I have tried this:</p>
  
  <pre><code>$('#acc1First').css('display', 'none');
  $('#acc2First').css('display', 'none');
  $('#acc3First').css('display', 'none');
  
  $('#acc1First').slideUp();
  $('#acc2First').slideUp();
  $('#acc3First').slideUp();
  </code></pre>
  
  <p>but it bugges sometimes, first item have to be clicked 2 times to work properly etc.</p>
  
  <p>Is there any way to initialize accordion control with all items collapsed ?</p>
  
  <p>Thanks</p>