L'extension de Jquery accordion aux lignes d'une table

J'ai une table avec réductible lignes. Veuillez vérifier ici

Je veux juste utiliser le Jquery UI accordion comme le montre ici

Je suis en train d'essayer d'appliquer de l'accordéon au-dessous de la structure :

<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>

Je comprends que la liste ordonnée est le plus approprié pour ce type de structure.Mais en raison de certaines restrictions, le tableau doit être utilisé.

S'il vous plaît suggérer.

OriginalL'auteur Soumya | 2013-04-16

  1. 7

    Utiliser le l'en-tête option de l'accordéon:

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

    https://jsfiddle.net/c1j7xbkp/

    jsfiddle Lien cassé 🙁
    4 ans plus tard .. je suppose que l'original violon a été supprimé pour une raison quelconque. J'ai mis à jour ma réponse avec un nouveau à l'aide d'un exemple de base avec le HTML. L'animation est un peu de lag, mais la fonctionnalité est là.

    OriginalL'auteur Kaloyan