JSFiddle - React, Tailwind, and code Playground

by uikolas

HTML

<table border='0' cellpadding='0' cellspacing='0' align='center'  width='964px' class='table'>
<thead>
<tr class='row'>
		<td class='row' align='center'>data</td>
		<td class='row'>sa <b><a>dsds</a></b></td>
		<td class='row'>admin</td>
		<td class='row'>gfgf</td>
		<td class='row right' align='center'><b>bbb</b></td>
		<td class='row right' align='center'>gfgf</td>
</tr>
</thead>
<tbody>
<tr style='display: table-row;' class=''>
	<td colspan='5' class='row'>
			cia pasleptas lobis
	</td>
</tr>
</tbody>
</table>

CSS

tbody {
    display:none;
}

JavaScript

$(document).ready(function() {
    $('thead').click(function() {
        $(this).next('tbody').slideToggle(700);
        //alert("Pasispaude");
    });
});