JSFiddle - React, Tailwind, and code Playground

HTML

<table class=myAccordion>
    <thead>
        <tr><th>1</th><th>2</th><th>3</th></tr>
    </thead>
    <tbody>
        <tr><td>alpha</td><td>beta</td><td>gamma</td></tr>
        <tr><td>A</td><td>B</td><td>C</td></tr>
    </tbody>
    <thead>
        <tr><th>1</th><th>2</th><th>3</th></tr>
    </thead>
    <tbody>
        <tr><td>alpha</td><td>beta</td><td>gamma</td></tr>
        <tr><td>A</td><td>B</td><td>C</td></tr>
    </tbody>
    <thead>
        <tr><th>1</th><th>2</th><th>3</th></tr>
    </thead>
    <tbody>
        <tr><td>alpha</td><td>beta</td><td>gamma</td></tr>
        <tr><td>A</td><td>B</td><td>C</td></tr>
    </tbody>
</table>

JavaScript

$(function () {
    $('.myAccordion').accordion({
        header: 'thead',
    });
    
});