JSFiddle - React, Tailwind, and code Playground

by Trần Ngọc Minh

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="button">Click here!</div>
<div id="wrapImg"><img src="https://cldup.com/6rSQUDTP7o.jpg"/></div>

CSS

#button {
     padding: 5px;
	margin:20px;
     text-align: center;
     background-color: #e5eecc;
     border: solid 1px #c3c3c3;
	width:150px; 
	height:50px;
}

#wrapImg {
     padding: 5px;
	margin:20px;
     text-align: center;
     background-color: transparent;
     border: none;
	width:150px; height:150px;
	display:none;
}

JavaScript

$("#button").click(function(){     	
		$("#wrapImg").slideDown("slow");
    	});