JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
        <col style="width:120px;" />
        <col style="width:120px;" />
        <col style="width:120px;" />
        <col style="width:120px;" />
        <col style="width:120px;" />
        <thead>
          <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
            <th>5</th>
          </tr>
        </thead>
        <tbody>
          <tr class="open">
            <td>a</td>
            <td>b</td>
            <td>c</td>
            <td>d</td>
            <td>e</td>
          </tr>
          <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
            <td>d</td>
            <td>e</td>
          </tr>
          <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
            <td>d</td>
            <td>e</td>
          </tr>
        </tbody>
      </table>

JavaScript

$(document).ready(function () {
    $('table').accordion({collapsible: true,active: false,header: '.open' });
});