You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
2.3 KiB
JavaScript

const BuchimgaePic = document.getElementById("Buchimgaepic");
const Buchimgae = document.getElementById("Buchimgae");
const BuchimgaeExpl = document.getElementById("expl");
const Enrico = document.querySelector(".enrico");
const Tape = document.getElementById("taping");
const bindtogether = document.querySelector(".bindtogether");
const collectiveBind = document.getElementById("collectivebind");
const chaePic = document.querySelector(".chaepic");
const chaeExp = document.getElementById("chaeexp");
const compoPic = document.querySelector(".compopic");
const compo = document.getElementById("compo");
const bilbi = document.querySelector(".bilbi");
const bilbiPic = document.getElementById("bilbiface");
Buchimgae.addEventListener("click", function () {
Buchimgae.style.display = "none";
BuchimgaePic.style.display = "inline-block";
BuchimgaeExpl.style.display = "inline-block";
});
BuchimgaePic.addEventListener("click", function () {
BuchimgaePic.style.display = "none";
BuchimgaeExpl.style.display = "none";
Buchimgae.style.display = "inline-block";
});
Tape.addEventListener("click", function () {
Tape.style.display = "none";
Enrico.style.display = "block";
});
Enrico.addEventListener("click", function () {
Enrico.style.display = "none";
Tape.style.display = "block";
});
collectiveBind.addEventListener("click", function () {
collectiveBind.style.display = "none";
bindtogether.style.display = "block";
});
bindtogether.addEventListener("click", function () {
bindtogether.style.display = "none";
collectiveBind.style.display = "block";
});
chaeExp.addEventListener("click", function () {
chaeExp.style.display = "none";
chaePic.style.display = "block";
});
chaePic.addEventListener("click", function () {
chaePic.style.display = "none";
chaeExp.style.display = "block";
});
compo.addEventListener("click", function () {
compo.style.display = "none";
compoPic.style.display = "block";
});
compoPic.addEventListener("click", function () {
compoPic.style.display = "none";
compo.style.display = "block";
});
bilbi.addEventListener("click", function () {
bilbi.style.display = "none";
bilbiPic.style.display = "block";
});
bilbiPic.addEventListener("click", function () {
bilbiPic.style.display = "none";
bilbi.style.display = "block";
});