JSFiddle - React, Tailwind, and code Playground

by bopperben

HTML

<table width="100%" cellpadding="0" cellspacing="0" border="1">
    <tr>
        <td><div id="se">click here!!</div></td>
        <td>value 2</td>
        <td>value 3</td>
    </tr>
    <tr><td colspan="3" class="hide">content</td></tr>
</table>

CSS

.hide {
    display:none;
}
.show {
    display:block;
}

JavaScript

$('se').addEvent('click',function(){
    this.getParent('tr').getNext('tr').getElement('td').removeClass('hide').addClass('show');

});