JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<body class="container">
    <p></p>
    <div class="btn btn-lg btn-info" id="show">Show</div>
    <div class="btn btn-lg btn-success" id="hide">Hide</div>
    <div class="btn btn-lg btn-warning" id="toggle">Toggle</div>
    <p></p>
    <div id="watch" class="jumbotron alert-info">
         <h2>Click The Buttons Above and Watch Me!</h2>

    </div>
</body>

JavaScript

$(document).ready(function () {

    $('#show').click(function () {
        $('#watch').show('slow');
    });
    $('#hide').click(function () {
        $('#watch').hide('normal');
    });
    $('#toggle').click(function () {
        $('#watch').toggle('fast');
    });

});