JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css">
<a id="aHide" onclick="hide()">Hide</a>&nbsp;&nbsp;<a id="aShow" onclick="show()">Show</a><br />
<div>
    <button class="button" type="button">Cancel</button>&nbsp;<button class="button" type="button">Ok</button>
</div>

CSS

div
{
    max-height:300px; 
    overflow-y:auto; 
    border:1px solid #C0C0C0; 
    padding: 10px; margin:10px;
}

a
{
    color: #0000FF;
    text-decoration:underline;
    cursor:pointer;
}

JavaScript

$(document).ready(function () {    
    
    $("#aHide").click(function() { $("div").hide("slow"); });
    $("#aShow").click(function() { $("div").show("slow"); });    
    
    $(".button").button({ 
        icons: { primary: "ui-icon-check" }
    });
});