JSFiddle - React, Tailwind, and code Playground

by nicolapeluchetti

HTML

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

CSS

tbody{
    
    height: 1000px;
    background-color: yellow;
}

JavaScript

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