title: Removing jQuery Accordion Item
body: <p>How do you remove an item from a jQuery Accordion? I am trying to give the user the ability to delete an item from a database, displayed in an accordion, and have that item fade out after. I tried hiding the parent DIV of the item but the header remains and the accordion does not function properly after.</p>
  
  <p>Here is the markup (basic accordion usage):</p>
  
  <pre><code>&lt;div id="accordion"&gt;
  &lt;h3&gt;&lt;a href="#"&gt;The Title - Item 1&lt;/a&gt;&lt;/h3&gt;
  &lt;div&gt;
  The Content - Item 1
  &lt;a href="#" class="deleteItem"&gt;Delete&lt;/a&gt;
  &lt;/div&gt;
  &lt;h3&gt;&lt;a href="#"&gt;The Title - Item 2&lt;/a&gt;&lt;/h3&gt;
  &lt;div&gt;
  The Content - Item 2
  &lt;a href="#" class="deleteItem"&gt;Delete&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks!</p>