cms_project/app.js

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";
});