JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<div>
  test
</div>

SCSS

body {
  height: 100vh;
}
div {
  opacity: 1;
  transition: all 0.25s;
  background: red;
  visibility: visible;
  cursor: pointer;
  
  &.active {
    visibility: hidden;
    opacity: 0;
  }
}

JavaScript

let d = document.querySelector("div")

document.body.addEventListener("click", (event) => {
	d.classList.toggle("active")
})