JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<html lang="en">
    
    <head>
        <meta charset="utf-8" />
    </head>
    
    <body>	<a class="fancybox-media italic" href="http://www.seedeisplatform.com/wp-content/uploads/2013/01/dummy.pdf">Test Doc</a>

    </body>

</html>

JavaScript

// answer to http://stackoverflow.com/q/14819642/1055987 - JFK
$(document).ready(function () {
    /* fancybox handler */
    $('.fancybox-media').fancybox({
        openEffect: 'none',
        closeEffect: 'none',
        autoSize: true,
        type: 'iframe',
        iframe: {
            preload: false // fixes issue with iframe and IE
        }
    });
});