JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<link rel="stylesheet" href="http://www.xiper.net/examples/css/examples.css">
<link rel="stylesheet" href="http://www.xiper.net/examples/js-plugins/gallery/fancybox/css/jquery.fancybox-1.3.4.css">
<script src="http://www.xiper.net/examples/js-plugins/gallery/fancybox/js/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="http://www.xiper.net/examples/js-plugins/gallery/fancybox/js/jquery.fancybox-1.3.4.pack.js"></script>
<div class="example3">
	<p><a id="various2" href="#popup">Открыть окошко</a>.</p>
	
	
	<div style="display:none">
		<div id="popup">
			<h2>Заголовок</h2>
			<p>Текст в окошке текст в окошке текст в окошке текст в окошке текст в окошке</p>
            <a href="#" id="close_me">Закрыть.</a>
		</div>
	</div>
</div>

JavaScript

$(document).ready(function() {

			$("#various2").fancybox({
	
			});
            
            $("#close_me").click(function() {
              $.fancybox.close();
            });

		});