title: jQuery slideToggle is adding white space
body: <p>I have found several similar questions on StackOverflow, but I am unable to figure out the solution for myself.</p>
  
  <p>When you expand and collapse the table repeatadly, it adds empty rows to the top of the table.  How do I eliminate this behavior?</p>
  
  <p>It's easiest seen on my fiddle: <a href="http://jsfiddle.net/6u0580jq/" rel="nofollow">My Code</a></p>
  
  <p>Here is my jQuery</p>
  
  
  
  <pre><code>$(function () {
      $('.header').click(function () {
          $(this).nextUntil('tr.header').slideToggle(0);
      });
  });
  </code></pre>
  
  <p>Here is the CSS:</p>
  
  
  
  <pre><code>tr.header {
      cursor:pointer;
  }
  </code></pre>
  
  <p>And here is the html (shortened for the sake of the question):</p>
  
  
  
  <pre><code>&lt;table align="center"&gt;
  &lt;tr class="header"&gt;
      &lt;td colspan="6" style="text-align:center;font-weight:bold"&gt;20 Accounts are Uninsured - Click to Expand&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr style="display: none;"&gt;
      &lt;td width="120"&gt;Account Number&lt;/td&gt;
      &lt;td width="200"&gt;Borrower&lt;/td&gt;
      &lt;td width="200"&gt;CoBorrower&lt;/td&gt;
      &lt;td width="220"&gt;Vehicle&lt;/td&gt;
      &lt;td width="110"&gt;VIN&lt;/td&gt;
      &lt;td width="120" align="center"&gt;View Policy Info&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr style="display: none;"&gt;
      &lt;td&gt;
          &lt;div align="center"&gt;46546&lt;/div&gt;
      &lt;/td&gt;
      &lt;td&gt;Jerry Junko&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;2004 Ford F-250 SD&lt;/td&gt;
      &lt;td&gt;4SD65S46D4S6D&lt;/td&gt;
      &lt;td style="text-align:center"&gt;&lt;a href=""&gt;View&lt;/a&gt;
  
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>