JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://responsivefilemanager.com/fancybox/jquery.fancybox-1.3.4.css">
<link rel="stylesheet" href="http://responsivefilemanager.com/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://responsivefilemanager.com/assets/css/bootstrap-responsive.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://responsivefilemanager.com/assets/js/bootstrap.min.js"></script>
<script src="http://responsivefilemanager.com/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="http://responsivefilemanager.com/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<div class="input-append">
	
	    <a href="http://responsivefilemanager.com/filemanager/dialog.php?type=1&subfolder=&editor=mce_0&field_id=fieldID" class="btn iframe-btn" type="button">Open File Manager</a>
	</div><br/>

JavaScript

jQuery(document).ready(function ($) {
      $('.iframe-btn').fancybox({
	  'width'	: 880,
	  'height'	: 570,
	  'type'	: 'iframe',
	  'autoScale'   : false
      });
      
      $('#fieldID').on('change',function(){
	      alert('changed');
      });
      
      $('#download-button').on('click', function() {
	    ga('send', 'event', 'button', 'click', 'download-buttons');      
      });
      $('.toggle').click(function(){
	    var _this=$(this);
	    $('#'+_this.data('ref')).toggle(200);
	    var i=_this.find('i');
	    if (i.hasClass('icon-plus')) {
		  i.removeClass('icon-plus');
		  i.addClass('icon-minus');
	    }else{
		  i.removeClass('icon-minus');
		  i.addClass('icon-plus');
	    }
      });
});