JSFiddle - React, Tailwind, and code Playground

by nicorellius

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<div id="testimonial-block">
  <ul>
    <li>
      <div id="kelvin-cain" style="display: none;">
        We tested 'Scaffold' and found that making comparisons between our samples was simple and fast.
        The most impressive part was that we didn't need to access the help function once,
        as the software was so intuitive.
      </div>
      Our group produces large amounts of data that is difficult to control, catalogue and analyse.
      To carry out shotgun proteomics techniques we had to load the MS/MS data manually,
      which proved both labour intensive and error prone.
      <a class="fancy-monials" href="#kelvin-cain">Read more...</a><br />
      <span class="testimonial-source">Kelvin Cain, MRC Toxicology Unit</span>
    </li>
  </ul>

JavaScript

$(document).ready(function() {
	$(".fancy-monials").fancybox({
		openEffect  : 	'none',
		closeEffect : 	'none',
		afterLoad	: 	function() {
							this.content = this.content.html();
						}	
	});
});