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="slideup">Left Foot This Time</div>
    <div class="btn btn-lg btn-success" id="slidedown">Right Foot This Time</div>
    <div class="btn btn-lg btn-warning" id="toggle">Everybody Clap Your Hands</div>
    <p></p>
    <div id="watch" class="jumbotron alert-info">
         <h2>Cha Cha Real Slow</h2>

    </div>
</body>

JavaScript

$(document).ready(function () {

    $('#slideup').click(function () {
        $('#watch').slideUp('slow');
    });
    $('#slidedown').click(function () {
        $('#watch').slideDown('normal');
    });
    $('#toggle').click(function () {
        $('#watch').slideToggle('fast');
    });

});