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