2021-01-31 01:07:14 -05: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 === "fliplinks") {
|
|
|
|
flipVisibility("info-content");
|
2019-11-25 20:19:44 -05:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2019-11-20 19:50:12 -05:00
|
|
|
function flipVisibility(div) {
|
2021-01-31 01:07:14 -05:00
|
|
|
console.log("(home) seeking flippable", div);
|
2020-01-02 15:43:24 -05:00
|
|
|
let flippable = document.getElementById(div);
|
2021-01-31 01:07:14 -05:00
|
|
|
if (flippable.style.display !== "block") {
|
|
|
|
flippable.style.display = "block";
|
2019-11-20 19:50:12 -05:00
|
|
|
} else {
|
2021-01-31 01:07:14 -05:00
|
|
|
flippable.style.display = "none";
|
2019-11-20 19:50:12 -05:00
|
|
|
}
|
|
|
|
}
|