JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html><HTML>
<head>
    <script src="jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<table>
<thead>
<tr>
    <th>id</th>
    <th>name</th>
</tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>jason</td>
    </tr>
</tbody>
</table>
<a id="more">more...</a>
</HTML>

CSS

th, td {
  border: 1px solid #000;
}

JavaScript

$(function() {
    $('#more').click(function(e) {
        $("<tr><td>2</td><td>jackie</td></tr>").hide().insertAfter('table tbody tr:last').fadeIn(800);
        e.preventDefault();
    });
});