JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<button>
Click
</button>
<section>
  <div>
  
</div>
</section>

CSS

section {
  display: none;
}
div {
  
  border: 1px solid #000;
  width: 300px;
  height: 300px;
  overflow: hidden;
  background-image: url('https://images.freeimages.com/images/small-previews/adf/sun-burst-1478549.jpg');
}

JavaScript

$('button').on('click', function() {
	$('section').fadeIn(300);
});