JSFiddle - React, Tailwind, and code Playground

HTML

<table class="AbbyNormal">
    <thead><tr><td colspan="3">TABLE HEADING</td></tr></thead>
</table>
<div class="tableWrap">
<table class="AbbyNormal">
  <tbody>
    <tr>
        <td class="first" colspan="1">Cell Contents</td>
        <td colspan="1">Cell Contents</td>
        <td colspan="1">Cell Contents Cell ContentsCell ContentsCell ContentsCell ContentsCell ContentsCell
                    ContentsCell
        </td>
    </tr>
  </tbody>
</table>
</div>

CSS

.AbbyNormal {
    width: 430px;
}
.AbbyNormal tbody{
    background: pink;
}
thead td {
    cursor: pointer;
}
table, td {border: 1px solid blue; padding: 1ex;}

JavaScript

$("thead").click(function () {
       $(this).parent().next("div").slideToggle(1000);
    }
 )