title: jQuery Accordion needs to ALWAYS show table in each div
body: <p>I am using an accordion style menu to toggle the next div area when you click its parent h3 element.</p>
  
  <pre><code>$(document).ready(function() {
      $('div.accordian-content&gt; div').hide();
      $('div.accordian-content&gt; h3').click(function() {
      $(this).next('div').slideToggle('medium')
      .siblings('div:visible').slideUp('medium');
  });
  });
  </code></pre>
  
  <p>the code works fine with the following structure.</p>
  
  <pre><code>&lt;div class='accordian-content'&gt;
  &lt;h3&gt;Some title&lt;/h3&gt;
  &lt;div&gt;content to be toggled&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that I'm trying to use a table in between the h3 and the next div and I want the table to always be shown, but when you put a table in there the parent h3 toggling breaks.</p>
  
  <pre><code>&lt;div class='accordian-content'&gt;
  &lt;h3&gt;Covers &lt;/h3&gt;
  &lt;table id='covers'&gt;Table content &lt;/table&gt;
      &lt;div&gt;Ajax content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any advice would be greatly appreciated, as I have spent way to much time on this silly thing.</p>