adventskalender/shared/js/door-open.js aktualisiert
This commit is contained in:
@@ -36,20 +36,24 @@ document.querySelectorAll(".fluegel").forEach(flügel => {
|
|||||||
flügel.addEventListener("click", () => {
|
flügel.addEventListener("click", () => {
|
||||||
const day = flügel.dataset.day;
|
const day = flügel.dataset.day;
|
||||||
|
|
||||||
// Elemente selektieren
|
const fluegelLeft = document.querySelector(`.fluegel.left[data-day="${day}"]`);
|
||||||
const fluegelLinks = document.querySelector(`.fluegel.left[data-day="${day}"]`);
|
const fluegelRight = document.querySelector(`.fluegel.right[data-day="${day}"]`);
|
||||||
const fluegelRechts = document.querySelector(`.fluegel.right[data-day="${day}"]`);
|
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
|
||||||
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
|
|
||||||
|
|
||||||
// Abbruch wenn bereits offen
|
// Abbruch wenn beide schon offen
|
||||||
if (fluegelLinks?.classList.contains("open") || fluegelRechts?.classList.contains("open")) {
|
if (fluegelLeft?.classList.contains("open") && fluegelRight?.classList.contains("open")) {
|
||||||
console.log(`Flügel ${day} bereits geöffnet`);
|
console.log(`Doppeltür ${day} bereits geöffnet`);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Öffne beide Flügel
|
// Öffne gezielt nur, wenn noch nicht offen
|
||||||
fluegelLinks?.classList.add("open");
|
if (!fluegelLeft?.classList.contains("open")) {
|
||||||
fluegelRechts?.classList.add("open");
|
fluegelLeft?.classList.add("open");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!fluegelRight?.classList.contains("open")) {
|
||||||
|
fluegelRight?.classList.add("open");
|
||||||
|
}
|
||||||
|
|
||||||
// Openfield aktivieren
|
// Openfield aktivieren
|
||||||
openfield?.classList.add("open");
|
openfield?.classList.add("open");
|
||||||
|
|||||||
Reference in New Issue
Block a user