JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<div onclick="proyectDetail()">View Details</div>
<div id="project" style="display: none;"></div>

JavaScript

function proyectDetail() {
    var project = $('#project');
    var result = '<h2>Lorem ipsum dolor sit amet</h2>\
                 <p>\
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.\
                 </p>';
    project.append(result);
    $.fancybox(project, {
        afterClose: function () {
            alert("you have closed fancybox");
            project.empty();
        }
    });
}