2022-10-24 19:57:51 -04:00
|
|
|
document.addEventListener("click", (clickEvent) => {
|
|
|
|
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");
|
2022-10-07 19:32:52 -04:00
|
|
|
}
|
2019-11-25 20:19:44 -05:00
|
|
|
});
|
|
|
|
|
2019-11-20 19:50:12 -05:00
|
|
|
function flipVisibility(div) {
|
2022-10-24 19:57:51 -04:00
|
|
|
console.log("(home) seeking flippable", div);
|
2022-10-07 19:32:52 -04:00
|
|
|
let flippable = document.getElementById(div);
|
2022-10-24 19:57:51 -04:00
|
|
|
if (flippable.style.display !== "block") {
|
|
|
|
flippable.style.display = "block";
|
2022-10-07 19:32:52 -04:00
|
|
|
} else {
|
2022-10-24 19:57:51 -04:00
|
|
|
flippable.style.display = "none";
|
2022-10-07 19:32:52 -04:00
|
|
|
}
|
2022-10-03 19:58:07 -04:00
|
|
|
}
|