JSFiddle - React, Tailwind, and code Playground

by Petko Bossakov

HTML

<table>
  <tr>
    <td></td>
    <td>
      <a href="#" class="hideBox-tab ">show div</a>
    </td>
  </tr>
  <div class="hideBox"></div>

  <tr>
    <td></td>
    <td>
      <a href="#" class="hideBox-tab ">show div</a>
    </td>
  </tr>
  <div class="hideBox"></div>
</table>

CSS

.hideBox-tab {
  width: 30px;
  height: 30px;
  background: red;
}

.hideBox {
  width: 30px;
  height: 30px;
  background: green;
}

JavaScript

$(".hideBox-tab").click(function() {
  $(this)
    .parent().parent()
    .find(".hideBox")
    .toggle();
  return false;
});