Animate new table rows

Hi all, I’ve got a table in a while loop saved as table.php

[code=php]
<?php do { ?>
<table width=”176″ border=”1″>
<tr>
<td width=”166″><label for=”textfield”></label>
<input name=”textfield” type=”text” id=”textfield” value=”<?php echo $row_Recordset1[‘comment’]; ?>”></td>
</tr>
</table>
<?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
[/code]

In my main index.php, I call the table into <div id=”table”> using jquery, and update the table data every second

[code=html]
<script type=”text/javascript”>
$(document).ready(function(){
refreshTable();
});

function refreshTable(){
$(‘#table’).load(‘table.php’);
setTimeout(refreshTable, 1000);
}
</script>
[/code]

I need to get the new table rows to animate down rather than just appear, if there is new data when it refreshes. Can anyone help me do this and do I need the while loop in a DIV rather than table? Thanks ?

Also in #JavaScript _↴