JSFiddle - React, Tailwind, and code Playground
HTML
<div style="display:block; position:relative;" class="display">
<div>
<button class="close">close</button>
</div>
<img src="http://img.wikinut.com/img/gycf69_-6rv_5fol/jpeg/0/Best-Friends-Img-Src%3AImage%3A-FreeDigitalPhotos.net.jpeg" />
</div>
CSS
img {
width: 100px;
height: 100px;
display: none;
}
JavaScript
$(document).ready(function() {
$("button").on("click", function() {
var parents = $(this).parents(".display");
parents.clone(true).appendTo("body").find("img").hide().fadeIn("slow");
});
$("img").fadeIn("slow");
});