Anjali Khan

Anjali Khan

  • NA
  • 867
  • 226.3k

how to hide next button on last page or dive using jquery

Sep 1 2016 4:46 AM

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

 


Answers (19)