28 lines
1.0 KiB
JavaScript
28 lines
1.0 KiB
JavaScript
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");
|
|
}
|
|
});
|
|
|
|
function flipVisibility(div) {
|
|
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";
|
|
}
|
|
}
|