JSFiddle - React, Tailwind, and code Playground

by Tom DeBerardine

HTML

<div class="colorboxElements"> 
    <a href="#box">click here!</a>
    <div id="box" class="box">here is the content!</div>
</div>

JavaScript

/*!
	Colorbox v1.5.2 - 2014-02-28
	jQuery lightbox and modal window plugin
	(c) 2014 Jack Moore - http://www.jacklmoore.com/colorbox
	license: http://www.opensource.org/licenses/mit-license.php
*/
(function (t, e, i) {
    function o(i, o, n) {
        var r = e.createElement(i);
        return o && (r.id = Z + o), n && (r.style.cssText = n), t(r)
    }
    function n() {
        return i.innerHeight ? i.innerHeight : t(i).height()
    }
    function r(e, i) {
        i !== Object(i) && (i = {}), this.cache = {}, this.el = e, this.get = function (e) {
            var o, n;
            return void 0 !== this.cache[e] ? n = this.cache[e] : (o = t(this.el).attr("data-cbox-" + e), void 0 !== o ? n = o : void 0 !== i[e] ? n = i[e] : void 0 !== X[e] && (n = X[e]), this.cache[e] = n), t.isFunction(n) ? n.call(this.el) : n
        }
    }
    function h(t) {
        var e = E.length,
            i = (z + t) % e;
        return 0 > i ? e + i : i
    }
    function s(t, e) {
        return Math.round((/%/.test(t) ? ("x" === e ? W.width() : n()) / 100 : 1) * parseInt(t, 10))
    }
    function a(t, e) {
        return t.get("photo") || t.get("photoRegex").test(e)
    }
    function l(t, e) {
        return t.get("retinaUrl") && i.devicePixelRatio > 1 ? e.replace(t.get("photoRegex"), t.get("retinaSuffix")) : e
    }
    function d(t) {
        "contains" in x[0] && !x[0].contains(t.target) && (t.stopPropagation(), x.focus())
    }
    function c(t) {
        c.str !== t && (x.add(v).removeClass(c.str).addClass(t), c.str = t)
    }
    function g() {
        z = 0, rel && "nofollow" !== rel ? (E = t("." + te).filter(function () {
            var e = t.data(this, Y),
                i = new r(this, e);
            return i.get("rel") === rel
        }), z = E.index(_.el), -1 === z && (E = E.add(_.el), z = E.length - 1)) : E = t(_.el)
    }
    function u(i) {
        t(e).trigger(i), se.triggerHandler(i)
    }
    function f(i) {
        var n;
        G || (n =...