JSFiddle - React, Tailwind, and code Playground

by Skooljester

HTML

<div id="nav">
   <a href="#" class="example1">http://example.com</a>
   <a href="#" class="test">Doesnt work now</a>
</div>
<div id="container">
   <div id="example1">
      <a href="http://example.com" target="_blank">Link</a>
   </div>
   <div id="test">
       <a href="#" target="_blank">Link 2 </a>
    </div>
</div>

CSS

#container div {
    display:none;
    padding:10px;
    background:#FFF;
}

JavaScript

$("#nav a").click(function(){
   var aTarget = $(this).attr("class");
   //$("#" + aTarget).show();  
   $("#" + aTarget).colorbox({width:"50%", inline:true, href:"#" + aTarget}); 
   return false;
});