JSFiddle - React, Tailwind, and code Playground
HTML
<div class="hidden inline" id="hidden">
<p>Lorem ipsum</p>
</div>
<div class="inline">
<p>Lorem ipsum</p>
</div>
<button type="button" onclick="toggle()">Toggle</button>
CSS
.hidden {
visibility: hidden;
}
.inline {
display: inline;
background: red;
}
JavaScript
function toggle() {
var hidden = document.getElementById("hidden");
if(hidden.getAttribute("class") == "hidden inline")
hidden.setAttribute("class", "inline");
else
hidden.setAttribute("class", "hidden inline");
}