JSFiddle - React, Tailwind, and code Playground
HTML
<div id="message">message</div>
<div id="fade">fade</div>
CSS
html, body { height:100%; width:100%; }
JavaScript
function toggle() {
var message = document.getElementById('message'),
fade = document.getElementById('fade'),
currentdisplay = getComputedStyle(message, null)['display'];
if(currentdisplay == 'block' || currentdisplay == 'inline')
message.style.display = fade.style.display = 'none';
else
message.style.display = fade.style.display = 'block'; /* or inline */
}
document.body.onclick = toggle;