$(document).ready(function () { $('#show').click(function () { $('#watch').show('slow'); }); $('#hide').click(function () { $('#watch').hide('normal'); }); $('#toggle').click(function () { $('#watch').toggle('fast'); }); });
<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>