title: jquery ui accordion draggable and resizable
body: <p>I am using jquery ui in my web app for an accordion menu box.  I am able to add items to the accordion well enough. And it is .draggable.  However, I would like it to also be .resizable if possible however I can't figure out how to get this to work.  Here is my relevant html portion:</p>
  
  <pre><code>&lt;div id="layer_accordion"&gt;
          &lt;h3&gt;&lt;a href="#Accordion1"&gt;&lt;/a&gt;&lt;/h3&gt;
          &lt;div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the jquery portion:</p>
  
  <pre><code>$("#layer_accordion").draggable({ cursorAt: { top: -10, left: -10 } });
  // now initiate accordion
  $("#layer_accordion").accordion({ clearStyle: true, autoHeight: false });
  $('#layer_accordion').accordion('activate', 1);
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>Cheers, 
  Derek</p>