title: How do I get the height of first two <tr> in a table using jQuery?
body: <p>I need to display only the first two rows in a <code>table</code>, and on click on the div I need it to animate <code>slideDown</code> and show the full table. I could have just set <code>display</code> to <code>none</code> for all the table rows except the first two, but that will ruin the effect when I want to show them all...so instead I figured I should use <code>overflow:hidden</code>, and set a height on the div based on the height of the first two rows of the table.... Any ideas how to do this?</p>
  
  <p>STRUCTURE:</p>
  
  <pre><code>&lt;div&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;data&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
        &lt;td&gt;data&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
        &lt;td&gt;data&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
        &lt;td&gt;data&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
        &lt;td&gt;data&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>