JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div id="test">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum quis aliquid dolorem sunt, dicta minima numquam repudiandae iure nemo molestias harum, magnam libero accusantium nihil ad maiores, rerum saepe molestiae.</div>
<button id="btn">test</button>

CSS

@keyframes fade {
    from {opacity:0;}
    to {opacity:1;}
}
#test {
    animation: fade 1s both;
}
#test.active {
    display: none;
}

JavaScript

document.querySelector('#btn').addEventListener('click',function(){
	document.querySelector('#test').classList.toggle('active')
})