hi
this is my code but here i m unable to hide next button on last div
<div id="label1"> <span id="spnEmp">Employee Info</span> <div id="div1"> Add your content Div1 </div> <div id="div2"> Add your content DIV2 </div> <div id="div3"> Add your content DIV3 <input type="button" value="submit" /> </div> </div> <a id="next">next</a> <a id="prev">prev</a> $(document).ready(function(){ // Hide all div $("#div2").hide(); $("#div3").hide(); $("#div1").hide(); $("#next").hide(); $("#prev").hide(); // Hide all div $("#spnEmp").click(function(){ $("#div1").show(); $("#next").show(); $("#prev").show(); }); $("#next").click(function(){ if ($("#label1 div:visible").next().length != 0) $("#label1 div:visible").next().show().prev().hide(); else { $("#label1 div:visible").hide(); $("#label1 div:first").show(); } return false; }); $("#prev").click(function(){ if ($("#label1 div:visible").prev().length != 0) $("#label1 div:visible").prev().show().next().hide(); else { $("#label1 div:visible").hide(); $("#label1 div:last").show(); } return false; }); });