slideToggle not working correctly on tbody element
Hi,
Today I was trying to apply a slideToggle on a tbody element:
<script type="text/javascript">
$(function(){
$('tbody').hide();
$('thead').bind('click',function(){
$('tbody').slideToggle();
});
});
</script>
<table>
<thead>
<tr>
<th>
Test
</th>
<th>
Check
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
Maar
</td>
<td>
Check
</td>
</tr>
</tbody>
</table>
The problem is that jQuery changes the css display attribute of the
tbody to 'block'.
When I use toggle(); instead of slideToggle(); it does work, and the
css display attribute is being set to 'table-row-group' (like you
expect).
Is this a bug? Or is this meant to be this way for some reason?
Thanks in advance