JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<script src="http://www.fancybox.net/js/fancybox-1.3.4/jquery.easing-1.3.pack.js"></script>
<script src="http://www.fancybox.net/js//fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="http://www.fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css">
<div id="rightAssets">Click on a module to download Language Assets:
<div class="prop "><a href="javascript:void(0);">.NET</a></div>
<div class="prop"><a href="javascript:void(0);">C</a></div>
<div class="prop"><a href="javascript:void(0);">C++</a></div>
<div class="prop"><a href="javascript:void(0);">JScript</a></div>
<div class="prop"><a href="javascript:void(0);">Java</a></div>
<div class="prop"><a href="javascript:void(0);">Perl</a></div>
</div>

CSS

.prop{background-color:#FFFFFF;padding:4px;width:25%;}
.prop a{color:#ffffff;background-color:#0497d6;display:block;width:54%;}
.lang{width:243px;height:182px;background:#333333;position:relative; top:-156px;left:175px;}
.lang .propHead{color:#0095d5;padding:3px;margin:5px;font-size:18px;font-variant:small-caps;}
.lang .cross{color:#818285;font-size:22px;float:right;padding-right:12px;text-decoration:none;}
.lang .propText{background:#cccccc;padding:5px;color:#252525;margin:5px 10px;font-size:15px;line-height:1.5;}
.lang .propBtmText a {color:#ff5412;padding-left:10px;text-decoration:none;}
.cross{border:2px solid red;}

JavaScript

$.get("ajax/zzz.html", function(data) {
  data = $(data);
   jQuery("#id1").html( jQuery('#ttt', data).html());
   jQuery("#id2").html( jQuery('#yyy', data).html());
   jQuery("#id3").html( jQuery('#uuu', data).html());
   jQuery("#id4").html( jQuery('#id4', data).html());
});