JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/flick/jquery-ui.css">
<script src="http://cdn.jquerytools.org/1.2.3/all/jquery.tools.min.js"></script>
<a href="http://www.google.com" rel="#content">Test</a>
<div id="content">Test Content</div>

CSS

div  { display: none; height: 100px; width: 100px; background: white; }

JavaScript

$("a[rel]").live('click', function (e) {
    $(this).overlay({
        mask: '#3B5872',
        effect: 'apple',
        api: true,
        load: true,
        onBeforeLoad: function () {
            var wrap = this.getOverlay().find(".contentWrap");
            wrap.load(this.getTrigger().attr("href"));
        }
    });
    e.preventDefault();
});