JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr class="tab">
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
<tr style="display:none">
<td colspan="3">hidden</td>
</tr>
<tr class="tab">
<td>first</td>
<td>second</td>
<td>third</td>
</tr>
</table>
CSS
.tab
{
background: grey;
padding: 5px;
color: white;
}
JavaScript
$(".tab").click(function() {
$(this).next().slideToggle();
});