JSFiddle - React, Tailwind, and code Playground
HTML
<div id="a">asd</div>
<input id="b" type="text" value="asd" />
<input type="button" onclick="javascript:$('#a').toggle();$('#b').toggle()" value="swap" />
CSS
div#a, input#b {
border: 1px solid red;
width: 200px;
font-family: monospace;
font-size: 14px;
padding: 0px;
margin: 0px;
position: static;
-webkit-appearance: none;
display: block;
text-align: left;
}
JavaScript
$('#a').hide();