$(document).ready(function () { $(document).on('click', '#hide', function (event) { $(".description").hide("slow", function () { alert("Hiding Completed."); }); }); $(document).on('click', '#show', function (event) { $(".description").show(100, function () { alert("Showing Completed."); }); }); });
<div class="description">jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.</div> <input type="submit" value="Hide" id="hide" /> <input type="submit" value="Show" id="show" />