Extending Jquery Accordion To Rows Of A Table

I have a table with collapsible rows. Please check here I just want to use the Jquery UI accordion as shown here I am trying to apply accordion to the below structure :

Solution 1:

Use the header option of the accordion:

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

https://jsfiddle.net/c1j7xbkp/

Share