JSFiddle - React, Tailwind, and code Playground

by Can

HTML

<script src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css">
<ul id="tips">
    <li class="orange coins colour">

           #1 <a href="#tip1-text">click here</a>

           <div id="tip1-text" class="text orange">text text text</div>

    </li>
</ul>

JavaScript

jQuery('#tips li a').fancybox({       
    'autoDimensions':   'false',
    'width' :   631,
    'height':   256,        
    'onComplete':function(){

        alert('running');
        jQuery('.fancybox-skin').css('background-color', 'red');
    }
});