JSFiddle - React, Tailwind, and code Playground

by c_vilander

HTML

<div id="box">Visible! Click again to make me disappear.</div>
<a href="#" onclick="toggleDiv()">click</a>

CSS

#box {
    opacity: 0;
}

JavaScript

function toggleDiv() {
    if (document.getElementById('box').style.opacity === "1") {
        document.getElementById('box').style.opacity = "0";
    } else {
        document.getElementById('box').style.opacity = "1";
    }
}