title: jQuery slideToggle on table lags then toggles (no slide)
body: <p>I have a table which will have a header row, a "item" row, if you will, and a details row.  The item row and the details row will be repeating, so that every even numbered row in the table (i.e., the second row in the table is the first "item" row) will be an item row and every odd numbered will be a "details" row, except for the header.</p>
  
  <p>The script below works, except the jQuery slideToggle is not sliding.  On the expand action, it just opens up, and on the collapse action it takes a second and then disappears.</p>
  
  <p>See the table structure and script below: <a href="http://jsfiddle.net/we5ue/" rel="nofollow">jsFiddle</a> (click the "Column[1,2,3] row)</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
      $("#sometable tr:odd").addClass("odd");
      $("#sometable tr:not(.odd)").hide();
      $("#sometable tr:first-child").show();
  
      $("#sometable tr.odd").click(function () {
          $(this).next("tr").slideToggle("slow");
      });
  });
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;table id="sometable"&gt;
  &lt;tr&gt;
      &lt;th&gt;
          Header1
      &lt;/th&gt;
      &lt;th&gt;
          Header2
      &lt;/th&gt;
      &lt;th&gt;
          Header3
      &lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;
          Column1
      &lt;/td&gt;
      &lt;td&gt;
          Column2
      &lt;/td&gt;
      &lt;td&gt;
          Column3
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="3"&gt;
          &lt;p&gt;Details about item 1&lt;/p&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p></p>