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

$(document).ready(function(){
    /* fancybox handler */
    $('.fancybox-media').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        autoSize: true,
        type : 'iframe'
    });
});