slideToggle() and Table tag with unknown height
<p>I am trying to <code>slideToggle()</code> a <code>table</code> with no set height. Is this possible?</p>

<pre><code>&lt;div class="container"&gt;
  &lt;h3&gt;Title&lt;/h3&gt;
  &lt;p class="expand-close"&gt;&lt;a href=""&gt;Expand/Close&lt;/a&gt;&lt;/p&gt;
  &lt;table&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;Head 1&lt;/td&gt;
        &lt;td&gt;Stuff&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Head 2&lt;/td&gt;
        &lt;td&gt;More stuff&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/div&gt;
</code></pre>

<p>And my jQuery:</p>

<pre><code>$("p.expand-close").parent().click(function (event) {
    $(this).parent().find("table").slideToggle(400);
    event.preventDefault();
});
</code></pre>

<p>And the CSS:</p>

<blockquote>
  <p>table {display: none;}</p>
</blockquote>

<p>There's no slide animation which I am assuming is because no height is set on the <code>table</code>? If so, is there a way to do the slide animation?</p>

<p>Here's a fiddle:</p>

<p><a href="http://jsfiddle.net/BRuvf/" rel="nofollow">http://jsfiddle.net/BRuvf/</a></p>
