JSFiddle - React, Tailwind, and code Playground

HTML

<Table>
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>
  </tr>
  <tr class="lotRow">
    <td>Click me</td>
    <td>Click me</td>
    <td>Click me</td>
  </tr>
  <tr class="hiddenItemdata">
    <td>I am hidden</td>
    <td>I am hidden</td>
    <td>
      <Table>
        <tr>
          <th>hm?</th>
        </tr>
      </Table>
    </td>
  </tr>
  <tr class="lotRow">
    <td>Click me too</td>
    <td>Click me too</td>
    <td>Click me too</td>
  </tr>
  <tr class="hiddenItemdata">
    <td>I am hidden too</td>
    <td>I am hidden too</td>
    <td>
      <Table>
        <tr>
          <th>hm?</th>
        </tr>
      </Table>
    </td>
  </tr>
</Table>

CSS

.hiddenItemdata {
  display: none;
}

JavaScript

$(function() {
  $('.lotRow').click(function() {
    $(this).next('.hiddenItemdata').slideToggle('slow');
  });
});