JSFiddle - React, Tailwind, and code Playground

by DelphinPRO

HTML

<button id="btn">Toggle</button>

<div id="elem"></div>

CSS

#elem {
  width: 100px;
  height: 100px;
  opacity: 1;
  border-radius: 100px;
  background: red;
  margin: 2rem;
	transition: opacity 0.5s ease;
}

#elem.hidden {
	opacity: 0;
}

JavaScript

btn.addEventListener('click', function() {
  elem.classList.toggle('hidden')
});