JSFiddle - React, Tailwind, and code Playground

by GolezTrol

HTML

<table>
      <thead>
          <tr><td>h1</td></tr>
        <tr><td>h2</td></tr>
      </thead>
      <tfoot>
        <tr><td>f1</td></tr>
        <tr><td>f2</td></tr>
      </tfoot>
      <tbody>
        <tr><td>b1</td></tr>
        <tr><td>b2</td></tr>
     </tbody>
   </table>

JavaScript

$('table').on('click', 'thead td', 
    function(){
        $(this).closest('table').find('tbody').toggle();
    });