JSFiddle - React, Tailwind, and code Playground
HTML
<div class="link" onclick="toggle('test')">Toggle</div>
<div id="test" style="display:none">Example text.</div>
CSS
.link {
color: blue;
text-decoration: underline;
cursor: hand;
cursor: pointer;
}
#test {
background-color: gray;
padding: 10px;
}
JavaScript
function toggle(objNameText) {
var objText = document.getElementById(objNameText);
if ( objText !== null ) {
objText.style.display = (objText.style.display == '') ? 'none' : '';
}
}