beastit

Your solution is a bit to complex. I figured out an easier one. This disables the Prev Button on the first Page, and the Next Button on the Last Page. Just include to your Page in the Header Section…

Have Fun, i hope you like it and it works on your projects.

<script>
jQuery(document).ready(function($){

   if ( $( '#step-1' ).hasClass( 'active' ) ) {
         $( '.button-prev' ).hide();
   }

   $("#action-next").click(function(){

         $( '.button-prev' ).show();

         if ( $( '#step-3' ).hasClass( 'active' ) ) {
               $( '.button-next' ).hide();
         } else {
               $( '.button-next' ).show();
         }
   });

   $("#action-prev").click(function(){

       $( '.button-next' ).show();

       if ( $( '#step-1' ).hasClass( 'active' ) ) {
              $( '.button-prev' ).hide();
       }
   });

});
</script>

• This reply was modified 6 years, 6 months ago by beastit.