使用嵌套表的jquery动画问题

我对在嵌套表上使用jquery的动画有问题。我想做一张有点像树视图的桌子 +/- 展开并获取有关单击行的详细信息。

如何在Internet Explorer 6.0+和Firefox中修改动画的以下代码?

我可以更改标记或JavaScript,只要它正常工作就没关系。

如果知道这一点很有用,那么这个结构是使用ASP.NET中的嵌套中继器生成的。 我可以访问Telerik的Radajax控制套件,但我无法让它们的RadGrid与嵌套表一起工作。

文件结构:

    <tr>
        <th>&nbsp;</th>
        <th>Code</th>
        <th>Title</th>
    </tr>


    <tr>
        <td><span class="TreeCollapseSign">-</span></td>
        <td>WAA-864R</td>
        <td>Code 1 ... some details ... - MODULE 2</td>        
    </tr>

    <tr>
        <td colspan="6">
            <table>     
                <tr>
                    <th>Extra Info 1</th>
                    <th>Extra Info 2</th>
                    <th>Extra Info 3</th>
                </tr>

                <tr>
                    <td>Some info...</td>
                    <td>Some more info...</td>
                    <td>Yet more Info</td>
                </tr>                                
            </table>
        </td>
    </tr>
</table>

Javascript:

<script type="text/javascript">
    (function($) {
        $(document).ready(function(){

            $(".TreeCollapseSign").data("visible", true);

            $(".TreeCollapseSign").click(function(){

                if ($(this).data("visible")) {
                    $(this).parent().parent().next().fadeOut().end().end().end().data("visible", false).text("+");                
                } else {
                    $(this).parent().parent().next().fadeIn().end().end().end().data("visible", true).text("-");
                }

            });
        });
    })($)
</script>