JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://rawgit.com/noelboss/featherlight/master/src/featherlight.css">
<script src="https://rawgit.com/noelboss/featherlight/master/src/featherlight.js"></script>
<a id="clickMe" href=".inline">Click me</a>
<div class="inline">
<h2>Lightbox DEMO</h2>
<p>This is a default featherlight lightbox.</p>
<p><b>Upon exit, the lightbox will delegate you to another url</b><p>
<p>Written by Jean-Paul for the following StackOverflow question: http://stackoverflow.com/questions/31394034/lightbox-jquery-command</p>
</div>
CSS
.inline { display: none }
JavaScript
$('#clickMe').featherlight('.inline', {
beforeClose: function(event){
// If you want to open url in other tab:
window.open("http://www.google.com");
}
});