Sub steps to return previous step

[imsarah]

Hi, I am currently working on this jquery wizard with four steps. In Step 2, I made two buttons "yes" and "no" where "no" hides the div (pg2) and show another div (pg2a). Pg2a shows a retry button and returns back to step 1.

div structure

#wizard
#wizard-pane
div.pg1
#wizard-pane
div.pg2
div.pg2a
#wizard-pane
div.pg3

...etc

Clicking a No button in pg2 will show pg2a, hide pg2.
Retry button on pg2a should return to pg1.

Jquery:

 $( ".retry-btn" ).click(function() {
    $( ".pg2" ).show();
    $( ".pg2a" ).hide();
  });

    jQuery(function($) {
      $('.wizard').wizard();
    });

$( ".retry-btn").click(function() {
      $('.wizard').wizard('first');
    });

However going back to step1, the tabdoes not change to active color

[Andrewsopoku]

Try
$('.wizard').wizard('reset');