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

    </div>
    <div class="jumbotron alert-success">
         <h2 id="watch2">Just Bust a Move</h2>

    </div>
    <div id="watch3" class="jumbotron alert-warning">
         <h2>If you want it, you got it</h2>

    </div>
</body>

JavaScript

$(document).ready(function () {

    $("#top").click(function () {
        $("#watch1").animate({
            borderRadius: 100,
            paddingBottom: 24,
            paddingTop: 24
        }, 1000);
    });
    $("#middle").click(function () {
        $("#watch2").animate({
            fontSize: 75
        }, 2000);
    });
    $("#bottom").click(function () {
        $("#watch3").animate({
            paddingLeft: 300
        }, 1000, "swing");
    });

});