adventskalender/shared/js/door-open.js aktualisiert
This commit is contained in:
@@ -32,25 +32,26 @@ document.querySelectorAll(".door").forEach(door => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
// Öffnungslogik für Flügeltüren (Doppeltür-Variante ohne Container-Wrapper)
|
document.querySelectorAll(".fluegel").forEach(flügel => {
|
||||||
const fluegelPaare = new Set();
|
flügel.addEventListener("click", () => {
|
||||||
document.querySelectorAll(".fluegel").forEach(fluegel => {
|
const day = flügel.dataset.day;
|
||||||
fluegel.addEventListener("click", () => {
|
|
||||||
const day = fluegel.dataset.day;
|
// Elemente selektieren
|
||||||
const pairId = `day-${day}`;
|
const fluegelLinks = document.querySelector(`.fluegel.left[data-day="${day}"]`);
|
||||||
if (fluegelPaare.has(pairId)) {
|
const fluegelRechts = document.querySelector(`.fluegel.right[data-day="${day}"]`);
|
||||||
console.log(`Flügelpaar ${day} erneut geöffnet`);
|
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
|
||||||
|
|
||||||
|
// Abbruch wenn bereits offen
|
||||||
|
if (fluegelLinks?.classList.contains("open") || fluegelRechts?.classList.contains("open")) {
|
||||||
|
console.log(`Flügel ${day} bereits geöffnet`);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const left = document.querySelector(`.fluegel.left[data-day="${day}"]`);
|
// Öffne beide Flügel
|
||||||
const right = document.querySelector(`.fluegel.right[data-day="${day}"]`);
|
fluegelLinks?.classList.add("open");
|
||||||
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
|
fluegelRechts?.classList.add("open");
|
||||||
|
|
||||||
if (left) left.classList.add("open");
|
// Openfield aktivieren
|
||||||
if (right) right.classList.add("open");
|
openfield?.classList.add("open");
|
||||||
if (openfield) openfield.classList.add("open");
|
|
||||||
|
|
||||||
fluegelPaare.add(pairId);
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
Reference in New Issue
Block a user