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;
});
});