title: jquery Accordion "destroy" not working
body: <p>I'm using jQuery Accordion and would like to make a printable page where all the "accordions" are expanded. I found the .accordion( 'destroy' ) option. However, when I implement it only the existing visible div is show after click the destroy button. Any help would be appreciated.  </p>
  
  <pre><code>&lt;link type="text/css" href="/js/theme/ui.all.css" rel="Stylesheet" /&gt;   
  &lt;script type="text/javascript" src="/js/jquery-ui-personalized-1.6rc6.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function(){
  // Accordion
  $("#accordion").accordion({ header: "h2", autoHeight: false, animated: false });
  
   //attach click hander to button        
  $("#accordionKiller").click(function() { 
   //destroy the accordion
  $("#accordion").accordion('destroy');
  }); 
  });
  &lt;/script&gt;
  
  
  &lt;a id="accordionKiller"&gt;Printable version&lt;/a&gt; 
  
  &lt;div id="accordion"&gt;
  
  &lt;div&gt;
      &lt;h2&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/h2&gt;
      &lt;div class="services"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>