slideToggle not working correctly on tbody element

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