JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tbody>
    <tr id="target">
        <td>User</td>
        <td>will</td>
        <td>click</td>
        <td>me</td>
    </tr>
    <tr id="subject">
       <td>And</td>
        <td>I</td>
        <td>should</td>
        <td>expand</td>
    </tr>
</tbody>
</table>

CSS

* { margin: 0; padding: 0; }

table { margin: 0 auto; }
table tr { display: block; background: #d4d4d4; }
table tr > td { width: 80px; }

JavaScript

$(document).ready(function(){
   $('#subject').hide();
   $('#target').click(function() {
    $('#subject').slideToggle();
   });
});