javascript - jqueryアコーディオン内のテーブル

Question

このようにjqueryアコーディオンでテーブルをラップしたい...

<div class="accordion">
    <h3>Room Flow</h3>
    <div>
        <table>
            <tr>
                <td>contained content</td>
            </tr>
        </table>
    </div>
</div>

ただし、出力は異なります。アコーディオンの div は、このようにテーブルの上にレンダリングされます...

<div class="accordion">
    <h3>Room Flow</h3>
    <div>

    </div>
</div>
<table>
    <tr>
        <td>contained content</td>
    </tr>
</table>

テーブルは部分ビューを介して表示されます。アコーディオン div は親ビューにあります。これは、asp.net mvc razor プロジェクトにあります。

編集:テーブルを削除すると、アコーディオンが機能することに言及する必要があります。