JSFiddle - React, Tailwind, and code Playground

by keif

HTML

<a href="#" onClick="toggle(); return false;" title="Toggle Row">Toggle Row</a>
<br />
<br />
<table border="1">
    <tbody>
        <tr>
            <td>Always visible</td>
        </tr>
        <tr id="hidethis">
            <td>Hide this</td>
        </tr>
        <tr>
            <td>Always visible</td>
        </tr>
    </tbody>
</table>

JavaScript

var toggle = function toggle() {
    var elem = document.getElementById('hidethis');
    if (elem.style.display === 'none') {
        elem.style.display = '';
    }
    else {
       elem.style.display = 'none';
    }
}