javascript - jquery を使用して限られたデータを表示する

Question

追加されたデータを制限するにはどうすればよいですか? ページネーションのようなもの。

たとえば、5 つのコメントを追加した場合、 3 つの最新のコメントが表示され、他の 2 つのコメントは非表示になり、[ Show More Comments ] をクリックすると表示されます。私がJqueryでやりたいことはすべてです。

Js Fiddle をチェックしてください: http://jsfiddle.net/7jE9p/1/

この画像を見てください。私のポイントを明確にするために：

ここでもコードを提供しています：

HTML:

      <p>
          <a href="javascript:void(0);" class="add_more">Add More</a>
      </p>

<table border="0" width="500" cellspacing="0">
   <tbody class="append_data"></tbody>

<tr>
  <td> 
      <textarea name="description" id="description"></textarea>
  </td> 
</tr> 

</table>

CSS:

#description{
    width:400px;    
}

.description_text{
    border:#333333 solid 1px;
    width:400px !important;
}

.append_data{
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

JQuery:

$('.add_more').click(function()
                     {
                        var description = $('#description').val();
                        $(".append_data").append('<div class="description_text">'+description+'</div><br><br>');
                     });