JSFiddle - React, Tailwind, and code Playground

by Glen Cheney

HTML

<div class=square></div>
<button id=toggle>Toggle</button>

CSS

.square {
    width: 50px;
    height: 50px;
    background: #bada55;
    -webkit-transition: opacity 5s, 0s;
    transition: opacity 5s, 0s;
}

.square.toggle {
    opacity: 0;
}

button {
    font-size: 13px;
}

JavaScript

document.querySelector('#toggle').addEventListener('click', function() {
    document.querySelector('.square').classList.toggle('toggle');
}, false);