2021-12-28 20:36:17 -05:00
|
|
|
document.addEventListener('click', (clickEvent) => {
|
2022-10-02 15:42:52 -04:00
|
|
|
if (clickEvent.target.id === 'onboardingButtonZero') {
|
|
|
|
flipVisibility('onboardingContentZero');
|
|
|
|
} else if (clickEvent.target.id === 'onboardingButtonOne') {
|
|
|
|
flipVisibility('onboardingContentOne');
|
|
|
|
} else if (clickEvent.target.id === 'onboardingButtonTwo') {
|
|
|
|
flipVisibility('onboardingContentTwo');
|
|
|
|
} else if (clickEvent.target.id === 'onboardingButtonThree') {
|
|
|
|
flipVisibility('onboardingContentThree');
|
|
|
|
} else if (clickEvent.target.id === 'onboardingButtonFour') {
|
|
|
|
flipVisibility('onboardingContentFour');
|
|
|
|
} else if (clickEvent.target.id === 'onboardingButtonFive') {
|
|
|
|
flipVisibility('onboardingContentFive');
|
|
|
|
} else if (clickEvent.target.id === 'fliplinks') {
|
|
|
|
flipVisibility('info-content');
|
|
|
|
}
|
2019-11-25 20:19:44 -05:00
|
|
|
});
|
|
|
|
|
2019-11-20 19:50:12 -05:00
|
|
|
function flipVisibility(div) {
|
2022-10-02 15:42:52 -04:00
|
|
|
console.log('(home) seeking flippable', div);
|
|
|
|
let flippable = document.getElementById(div);
|
|
|
|
if (flippable.style.display !== 'block') {
|
|
|
|
flippable.style.display = 'block';
|
|
|
|
} else {
|
|
|
|
flippable.style.display = 'none';
|
|
|
|
}
|
|
|
|
}
|