JSFiddle - React, Tailwind, and code Playground

by DonamiteIsTNT

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example3/colorbox.css" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.jacklmoore.com/colorbox/colorbox/jquery.colorbox.js"></script>
<script type="text/javascript">

$(document).bind('cbox_closed', function(){
    parent.$("#activity1").css("display", "none");
});

function action1() {
    $(".gal").get(0).click();
}

function action2() {
    $(".gal").get(1).click();
}

$(function() {
    $(".gal").colorbox({
        rel: "group1"
    });
    
    $("#openGallery").click(function() {
        $(".gal").first().click();
    });
});
</script>
</head>


<body>
    <img href="http://www.metafever.com/wp-content/uploads/building_st_petersburg.jpg" class="gal" id="img1" />
    <img href="http://www.toxel.com/wp-content/uploads/2009/05/building08.jpg" class="gal" id="img2" />
    <img href="http://archrecord.construction.com/projects/portfolio/archives/images/0608hearsTower_lg.jpg" class="gal" id="img3" />
</body>
</html>