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: 2px solid red;
    width: 200px;  
    font-family: monospace;
    font-size: 14px; 
    padding: 0px;
    margin: 0px;
    display:block;
}
@-moz-document url-prefix() {
   input#b{text-indent:-1px;}
}

@media all and (-webkit-min-device-pixel-ratio:0) {
    input#b{text-indent:-1px;}
}

JavaScript

$('#a').hide();