JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

CSS

div {
  display: none;
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: black;
}

JavaScript

$('div')
				.css('opacity', 0)
				.css('display', 'block')
				.css('transition', 'opacity 1000ms linear')
				.css('opacity', 1);