<script src="../scripts/jquery-1.3.1.js"></script>

<script>

//展開、隱藏程式碼
    $(function(){
        $("tr.parent").click(function() {
            $(this).toggleClass('selected');
            $(this).siblings('.child_' + this.id).slideToggle();
        });
    })
</script>

<table>
    <thead>
        <tr><th>姓名</th><th>性別</th></tr>
    </thead>
    <tbody>
        <tr class="parent" id="row_01"><td colspan="3">設計組</td></tr>
        <tr class="child_row_01"><td>張山</td><td>男</td></tr>
        <tr class="child_row_01"><td>李四</td><td>女</td></tr>

        <tr class="parent" id="row_02"><td colspan="3">美術組</td></tr>
        <tr class="child_row_02"><td>王五</td><td>男</td></tr>
        <tr class="child_row_02"><td>找六</td><td>男</td></tr>

        <tr class="parent" id="row_03"><td colspan="3">開發組</td></tr>
        <tr class="child_row_03"><td>Rain</td><td>男</td></tr>
        <tr class="child_row_03"><td>MAXMAN</td><td>女</td></tr>
    </tbody>
</table>