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)
|
||||
const fluegelPaare = new Set();
|
||||
document.querySelectorAll(".fluegel").forEach(fluegel => {
|
||||
fluegel.addEventListener("click", () => {
|
||||
const day = fluegel.dataset.day;
|
||||
const pairId = `day-${day}`;
|
||||
if (fluegelPaare.has(pairId)) {
|
||||
console.log(`Flügelpaar ${day} erneut geöffnet`);
|
||||
document.querySelectorAll(".fluegel").forEach(flügel => {
|
||||
flügel.addEventListener("click", () => {
|
||||
const day = flügel.dataset.day;
|
||||
|
||||
// Elemente selektieren
|
||||
const fluegelLinks = document.querySelector(`.fluegel.left[data-day="${day}"]`);
|
||||
const fluegelRechts = document.querySelector(`.fluegel.right[data-day="${day}"]`);
|
||||
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;
|
||||
}
|
||||
|
||||
const left = document.querySelector(`.fluegel.left[data-day="${day}"]`);
|
||||
const right = document.querySelector(`.fluegel.right[data-day="${day}"]`);
|
||||
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
|
||||
// Öffne beide Flügel
|
||||
fluegelLinks?.classList.add("open");
|
||||
fluegelRechts?.classList.add("open");
|
||||
|
||||
if (left) left.classList.add("open");
|
||||
if (right) right.classList.add("open");
|
||||
if (openfield) openfield.classList.add("open");
|
||||
|
||||
fluegelPaare.add(pairId);
|
||||
// Openfield aktivieren
|
||||
openfield?.classList.add("open");
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user