JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/jquery.fancybox.min.css">
<div style="display: none;" id="hidden-content">
  <h2>Hello!</h2>
  <p>You are awesome!</p>
</div>

JavaScript

$.fancybox.open({
  src: '#hidden-content',
  type: 'inline',
  opts: {
    afterShow: function(instance, current) {
      console.info('done!');
    }
  }
});