$(document).ready(function(){ $("#btnShow").click(function () { $("div:eq(0)").show("fast", function () { //call the next element and show on the webpage. $(this).next().show("fast", arguments.callee); }); }); $("#btnHide").click(function () { $("div").hide(2000); }); });
<input type="button" Value="show" id="btnShow"/> <input type="button" value="Hide" id="btnHide"/> <div>Welcome To</div> <div>www.aspnettutorialonline.blogspot.com</div>
div { background:yellow; margin:3px; width:300px; font-weight:bold; display:none; float:bottom; text-align:center; }