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>

我知道有序列表最适合这种结构。但是由于一些限制，需要使用表。

请建议。

Answer 1

使用手风琴的header选项：

$(document).ready(function () {
    $('table').accordion({header: '.category' });
});

https://jsfiddle.net/c1j7xbkp/