JSFiddle - React, Tailwind, and code Playground

by Marco

HTML

<table>
  <tr class='content' style="background:orange">
    <td>Things and things...</td>
  </tr>
  <tr class='sub-content'>
    <td>Things and things...</td>
  </tr>
  <tr class='sub-content'>
    <td>Things and things...</td>
  </tr>
  <tr class='sub-sub-content'>
    <td>Things and things...</td>
  </tr>
  <tr class='content' style="background:green">
    <td>Things and things...</td>
  </tr>
  <tr class='sub-content'>
    <td>Things and things...</td>
  </tr>
  <tr class='sub-sub-content'>
    <td>Things and things...</td>
  </tr>
  <tr class='sub-sub-content'>
    <td>Things and things...</td>
  </tr>
  <tr class='sub-content'>
    <td>Things and things...</td>
  </tr>
  <tr class='sub-sub-content'>
    <td>Things and things...</td>
  </tr>
  <tr class='content' style="background:blue">
    <td>Things and things...</td>
  </tr>
</table>

JavaScript

$('.content').on('click', function() {
        $(this).nextUntil('.content').toggle();
    });