JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td><input type="button" title="Toggle" value="Show" id="btn534534" class="toggle" />    </td>
    <td>some data about ID 534534</td>
  </tr>
  <tr id="row534534" class="hiddenRow">
    <td colspan="2">some hidden data about ID 534534 that must show/hide with toggle</td>
  </tr>
  <tr>
    <td><input type="button" title="Toggle" value="Show" id="btn2423434" class="toggle" /></td>
    <td>some data about ID 2423434</td>
  </tr>
  <tr id="row2423434" class="hiddenRow">
    <td colspan="2">some hidden data about ID 2423434that must show/hide with toggle</td>
  </tr>
</table>

CSS

table { width:100%; }
td { padding:5px; border:1px solid #ccc; }
td:first-child { width:50px; }
.hiddenRow { display:none; }

JavaScript

$('.toggle').click(function() {
    $('#row' + this.id.replace('btn', '')).toggle();
});