JSFiddle - React, Tailwind, and code Playground

by Evan Raskob

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<button>show the div</button>
<div id="hiddenBox"></div>

CSS

#hiddenBox {
     display: none;
     width: 200px;
     height: 150px;
     background: #ccc;
     border: 1px solid #000;
 }

JavaScript

// http://jqueryui.com/show/
//callback function to bring a hidden box back
function callback() {
    setTimeout(function () {
        $("#hiddenBox:visible").removeAttr("style").fadeOut();
    }, 1000);
}

$("button").click(function () {
    $("#hiddenBox").show("scale", 60*60, callback);
});