JSFiddle - React, Tailwind, and code Playground

FancyBox Inline Content, closes on click of other than cross

by refhat

HTML

<script src="http://www.fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<script src="http://www.fancybox.net/js/fancybox-1.3.4/jquery.easing-1.3.pack.js"></script>
<link rel="stylesheet" href="http://www.fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css">
<script src="http://www.fancybox.net/js/fancybox-1.3.4/jquery.mousewheel-3.0.4.pack.js"></script>
<a href="#fancy">This Will Not open a fancy Box</a><br><br><br>
<a href="#fancy" class="openfancy">Can you open Something in a FancyBox for Me</a>
<div style="display:none;"><div id="fancy">Here I am in a Popup that you just loaded by clicking on a tag that has class of openfancy</div></div>

JavaScript

$(document).ready(function() {
        $(".openfancy").fancybox({
        
            'hideOnOverlayClick':true
        });
        
        
    });