$(document).ready(function () { $('#slideup').click(function () { $('#watch').slideUp('slow'); }); $('#slidedown').click(function () { $('#watch').slideDown('normal'); }); $('#toggle').click(function () { $('#watch').slideToggle('fast'); }); });
<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>