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;
    
}

div#a {
    
    -webkit-padding-start: 1px;
    -moz-padding-start: 1px;
}

JavaScript

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