Line 160: | Line 160: | ||
<section style="background:none;"> | <section style="background:none;"> | ||
<div class="steps-container"> | <div class="steps-container"> | ||
− | <div class="step"><div class=" | + | <div class="step"><div class="selected-step" data-target="1">1</div></div> |
− | <div class="step-path"><div | + | <div class="step-path"><div id="path-2"></div></div> |
− | <div class="step"><div | + | <div class="step"><div data-target="2">2</div></div> |
<div class="step-path"><div id="path-3"></div></div> | <div class="step-path"><div id="path-3"></div></div> | ||
<div class="step"><div data-target="3">3</div></div> | <div class="step"><div data-target="3">3</div></div> | ||
Line 339: | Line 339: | ||
// Step & path | // Step & path | ||
$('.step-path > div').removeClass('active-path'); | $('.step-path > div').removeClass('active-path'); | ||
+ | $('.step > div').removeClass('previous-step'); | ||
+ | $('.step > div').removeClass('selected-step'); | ||
+ | $(this).addClass('selected-step'); | ||
for (i=1; i<=target; i++){ | for (i=1; i<=target; i++){ | ||
$('#path-'+i).addClass('active-path'); | $('#path-'+i).addClass('active-path'); | ||
+ | $('[data-target="'+(i-1)+'"]').addClass('previous-step'); | ||
} | } | ||
}); | }); |
Revision as of 11:30, 8 October 2017
Human Practices Logbook
1
2
3
4
5
6
7
8
9
10
11
12Step 1
Step 2
Step 3
Step 4
Step 5
Step 6
Step 7
Step 8
Step 9
Step 10
Step 11
Step 12