JSFiddle - React, Tailwind, and code Playground

by gizmovation

HTML

<script src="http://www.jacklmoore.com/colorbox/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css">
<a href="http://placehold.it/350x150" rel="photo" title="Avater">
    <img src="http://placehold.it/350x150"></img>
</a>

JavaScript

$(document).ready(function() {

    $("a[rel='photo']").colorbox();

    $("#click").click(function() {
        $('#click').css({
            "background-color": "#f00",
            "color": "#fff",
            "cursor": "inherit"
        }).text("Open this window again and this message will still be here.");
        return false;
    });
});