JSFiddle - React, Tailwind, and code Playground

by kasperfish

HTML

<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<span class="test" url="https://getfirebug.com/">It's a test</span>

CSS

.test{
    cursor: pointer; 
}

JavaScript

$(document).ready(function () {
			
			$('.test').click(function () {
                
                btn=$(this);
    
                btn.fancybox({
                    "type": 'iframe',
                    "href": btn.attr('url')
                });
				
              
			});
		});