JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td><input type="button" value="animate" onclick="$('#asdf').animate({width:'toggle'}, 2000);" /></td>
        <td><input type="button" value="toggle(2000)" onclick="$('#asdf').toggle(2000);" /></td>
        <td><input type="button" value="toggle" onclick="$('#asdf').toggle();" /></td>
        <td class="last"><div id="asdf">asdf</div></td>
    </tr>
</table>

CSS

table { border-collapse: collapse; }
tr { height: 50px; }
td { border: 2px solid blue; }
td.last { border-color: green; background: lightgreen; }
input { width: 100px; }
div#asdf { width: 100px; border: 2px solid red; text-align: center; }