Wichtige Informationen und Neuigkeiten

.blog-page, .klienten-infos { opacity: 0; transform: translateX(20px); transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: none; position: relative; top: 0; left: 0; width: 100%; display: none; } .active-section { display: flex; opacity: 1; transform: translateX(0); pointer-events: auto; position: relative; } const checkbox = document.querySelector('#email-form input[type="checkbox"]'); const leftHeading = document.getElementById("left-heading"); const rightHeading = document.getElementById("right-heading"); const blogDiv = document.querySelector(".blog-page"); const klientenDiv = document.querySelector(".klienten-infos"); leftHeading.classList.add("underline"); blogDiv.style.display = "flex"; blogDiv.classList.add("active-section"); function activateSection(showDiv, hideDiv, showHeading, hideHeading) { hideDiv.classList.remove("active-section"); hideHeading.classList.remove("underline"); showDiv.style.display = "flex"; setTimeout(() => { showDiv.classList.add("active-section"); showHeading.classList.add("underline"); }, 10); hideDiv.addEventListener("transitionend", () => { if (!hideDiv.classList.contains("active-section")) { hideDiv.style.display = "none"; } }, { once: true }); } checkbox.addEventListener("change", () => { if (checkbox.checked) { activateSection(klientenDiv, blogDiv, rightHeading, leftHeading); } else { activateSection(blogDiv, klientenDiv, leftHeading, rightHeading); } });