JSFiddle - React, Tailwind, and code Playground
HTML
<button id="clickme">
Click here
</button>
<img id="kitten" src="http://placekitten.com/64/64" alt="" width="100" height="123">
CSS
#kitten
{
display: none;
}
JavaScript
// With the element initially hidden, we can show it slowly:
$( "#clickme" ).click(function() {
$( "#kitten" ).fadeIn( "slow", function() {
// Animation complete
});
});