It is not working as we need can anyone, help us with script below to set progress bar to do prev and next?????
So variable is:
Code: Select all
var page = "refundstep1";
Code: Select all
<body class="refunStep 1 main-layout">
Progress bar is:
Code: Select all
<div class="tabContent progress-bar hidden-phone">
<div class="step active">
<h2>Step 1: Enter your Pin</h2>
</div>
<div class="step inactive">
<h2>Step 2: Tell us your address</h2>
</div>
<div class="step inactive">
<h2>Step 3: Confirm Your Details</h2>
</div>
</div>
Code to actual set the other list next as class="inactive", list passed or compelted as class="active done", Current page as class="active"
Code: Select all
var progressClass = $('.progress-bar div.step');
$(progressClass).addClass(function(index, activeClass) {
var activeClass = 'done';
var activePage = 'active';
alert(page);
var currentPage = page;
var pageClass = $('body').hasClass(page);
console.log(pageClass);
if(pageClass === true) {
progressClass.addClass(activePage);
progressClass.prevAll().addClass(activeClass);
//To select all next elements of `.progressClass` element:
progressClass.nextAll().addClass(nopageClass);
}
return nopageClass;
});