Side navigation
Ticket #5157: tbody.html
File tbody.html, 0.7 KB (added by candlerb, September 03, 2009 08:42AM UTC)
HTML page demonstrating problem
<html>
<head>
<title>Test animate of tbody</title>
<script src="jquery-1.3.2.js"></script>
<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" style="display: table-row-group"><tr><td>Middle row</td></tr></tbody>
<tbody><tr><td>Last row</td></tr></tbody>
</table>
</body>
</html>
Download in other formats:
Original Format
File tbody.html, 0.7 KB (added by candlerb, September 03, 2009 08:42AM UTC)
HTML page demonstrating problem
<html>
<head>
<title>Test animate of tbody</title>
<script src="jquery-1.3.2.js"></script>
<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" style="display: table-row-group"><tr><td>Middle row</td></tr></tbody>
<tbody><tr><td>Last row</td></tr></tbody>
</table>
</body>
</html>