JSFiddle - React, Tailwind, and code Playground
HTML
<p class="btn"><a href="#">Click here</a></p>
<div class="box"><p>Howdy</p><img src="http://www.ctgclan.com/wp-content/uploads/2011/11/totally-great.jpg" /></div>
CSS
.box {
display: block;
height: auto;
width:402px;
/*height:200px;*/
background-color: red;
padding: 20px;
-webkit-transition: all 1000ms linear;
-moz-transition: all 1000ms linear;
-ms-transition: all 1000ms linear;
-o-transition: all 1000ms linear;
transition: all 1000ms linear;
}
.box img {
display: inline-block;
}
.box.hidden {
-moz-opacity: 0;
opacity: 0;
-moz-transform: scale(0.01);
-webkit-transform: scale(0.01);
-o-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
}
JavaScript
$(".btn a").click(function () {
$('.box').addClass('hidden');
});