Here's a page which demonstrates the problem; hiding and showing
tbody#middle makes it jump to the end of the page as it gets display:
block. It works if you set anim_speed to 0 (but then it's not
animated, of course)
<html>
<head>
<title>Test animate of tbody</title>
<script src="jquery-1.3.2.js"/>
<script type="text/javascript">
jQuery( function($) {
var anim_speed = 250;
var target = $('#middle');
$('#hm').click( function() {
target.slideUp(anim_speed);
return false;
});
$('#sm').click( function() {
target.slideDown(anim_speed);
return false;
});
});
</script>
</head>
<body>
<ul>
<li><a href="#" id="hm">Hide middle</a></li>
<li><a href="#" id="sm">Show middle</a></li>
</ul>
<table>
<tbody><tr><td>First row</td></tr></tbody>
<tbody id="middle"><tr><td>Middle row</td></tr></tbody>
<tbody><tr><td>Last row</td></tr></tbody>
</table>
</body>
</html>
