JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div>Stuff</div></td>
        <td>
            <div><input id="somecellelement" text="Text element" /></div></td>
        </td>
            <td><div>More Stuff</div>
        </td>
    </tr>
    <tr>
        <td>
            <div id="someotherelement">Something else</div>
        </td>
    </tr>
</table>

CSS

#somecellelement
{
    background-color: #F00;
}

JavaScript

$('#somecellelement').closest('tr').children('td').css('overflow','hidden');
$('#somecellelement').closest('tr').children('td').children('div').animate(
    {height: '0px',
     opacity: 0}, 500);