JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div class="bug_box">
    <div class="bug_playground">
        <div id="bug01" style="height: 50%; width: 50%;" class="bug_problem">BUG 01</div>
    </div>
    <a href="#">Show / Hide</a>
    <p>Bug Ticket #7611</p>
</div>

CSS

a { color: inherit; }
.bug_box { margin: 5px; float: left; border: 5px double #eeeeff; }
.bug_playground { height: 300px; width: 300px; background: #aaaacc; }
.bug_problem { height: 150px; width: 150px; background: #ff0000; }

JavaScript

$("a").click(function() {
    $('#bug01').toggle('slide', 'slow');
});