Display 10 elements by 10 elements

http://stackoverflow.com/questions/17208329/display-10-elements-by-10-elements/17208469#17208469

HTML

<table border="2" align="center" style="text-align:center">
     <thead>
               <tr>
            <td>1</td>
        </tr>
     </thead>
     <tbody>
        <tr>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
        </tr>
        <tr>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
        </tr>
        <tr>
            <td>8</td>
        </tr>
        <tr>
            <td>9</td>
        </tr>
        <tr>
            <td>10</td>
        </tr>
        <tr>
            <td>11</td>
        </tr>
        <tr>
            <td>12 </td>
        </tr>
     <tr>
            <td>13</td>
        </tr>
        <tr>
            <td>14</td>
        </tr>
        <tr>
            <td>15 </td>
        </tr>
        <tr>
            <td>16</td>
        </tr>
        <tr>
            <td>17 </td>
        </tr>
     <tr>
            <td>18</td>
        </tr>
        <tr>
            <td>19</td>
        </tr>
        <tr>
            <td>20 </td>
        </tr>
    <tr>
            <td>21 </td>
        </tr>
     </tbody>
        <tr id="bouton2">
            <td><input type="button" value="Tester" onClick=""/> </td>
        </tr>
    </table>

<hr/>
 <table border="2" align="center" style="text-align:center">
     <thead>
               <tr>
            <td>1</td>
        </tr>
     </thead>
     <tbody>
        <tr>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
        </tr>
        <tr>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
        </tr>
        <tr>
            <td>8</td>
        </tr>
        <tr>
            <td>9</td>
        </tr>
        <tr>
            <td>10</td>
        </tr>
        <tr>
            <td>11</td>
        </tr>
        <tr>
           ...

JavaScript

$('tr').not('tr:last').hide(); // hide all tr, except the last one with the button 
var startTr = 0;
$('input[type=button]').parent('tr').show();
$('input[type=button]').click(function(){
        var nbLines = 10; // number of line to show each time
        var trs = $(this).closest('table').find('tbody').find('tr');

        trs.slice(startTr, startTr+=nbLines).show(); // showing next 10 tr
 });