title: How to hide/show table rows using jQuery?
body: <p>I have a Zend Framework (PHP) web application that has a table with a lot of rows.</p>
  
  <ul>
  <li>99.9% of the time, the user will take action on the first or second row.</li>
  <li>00.1% of the time, the user will need to go back and take action on a different row.</li>
  </ul>
  
  <p>So I only really need to display the first few rows on page load, and keep the rest available for the sake of history.</p>
  
  <p>I would like to shorten the table somehow. I'm thinking, using jQuery, maybe do something where the first 5 rows are displayed (the rest are hidden), and at the bottom of the table, there is a link to display 5 more rows.</p>
  
  <p><a href="http://img64.imageshack.us/img64/2479/5rowtable.png" rel="nofollow noreferrer">alt text http://img64.imageshack.us/img64/2479/5rowtable.png</a></p>
  
  <p>What do you think? How could I achieve this with jQuery?</p>