Die Erweiterung Jquery Akkordeon, um Zeilen einer Tabelle

Ich habe eine Tabelle mit Reduzierbare Zeilen. Bitte überprüfen Sie hier

Ich nur wollen, verwenden Sie die Jquery UI-accordion-wie gezeigt hier

Ich bin versucht, Akkordeon zu den unten Struktur :

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

Verstehe ich, dass die geordnete Liste ist am besten geeignet für diese Art von Struktur.Aber durch einige Einschränkungen, Tabelle verwendet werden muss.

Bitte vorschlagen.

InformationsquelleAutor Soumya | 2013-04-16

  1. 7

    Verwenden Sie die header Möglichkeit, die Akkordeon:

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

    https://jsfiddle.net/c1j7xbkp/

    jsfiddle-Link kaputt 🙁
    4 Jahre später .. ich vermute, die original-Fidel war gelöscht aus irgendeinem Grund. Ich aktualisiert meine Antwort mit einem neuen mit einem einfachen Beispiel mit den zur Verfügung gestellten HTML. Die animation ist ein bisschen laggy aber die Funktionalität ist da.

    InformationsquelleAutor Kaloyan

Schreibe einen Kommentar