jquery - Jquery アコーディオンをテーブルの行に拡張する

Question

折りたたみ可能な行を持つテーブルがあります。こちらをご確認ください

ここに示すように、Jquery UIアコーディオンを使用したいだけです

以下の構造にアコーディオンを適用しようとしています:

<table>
    <tbody class="category">
        <tr><td>Category - 1</td></tr>
    </tbody>
    <tbody class="subcategory">
        <tr><td>Sub Cateogry 1.1</td></tr>
        <tr><td>Sub Cateogry 1.2</td></tr>
    </tbody>
    <tbody class="category">
       <tr><td>Category - 2</td></tr>
    </tbody>
    <tbody class="subcategory">
       <tr><td>Sub Cateogry 2.1</td></tr>
    </tbody>
</table>

順序付きリストがこのタイプの構造に最も適していることは理解していますが、いくつかの制限により、テーブルを使用する必要があります。

提案してください。