Wie kann man feststellen, welches von zwei Offcanvas-Elementen geöffnet ist?

Um festzustellen, welches von zwei Offcanvas-Elementen geöffnet ist, kannst du JavaScript verwenden, um den Status der Elemente zu überprüfen. Hier ist ein einfaches Beispiel, wie du das umsetzen kannst:

1. **HTML-Struktur**: Stelle sicher, dass deine Offcanvas-Elemente eine eindeutige ID oder Klasse haben.

```html
<div id="offcanvas1" class="offcanvas" style="display: none;">Offcanvas 1</div>
<div id="offcanvas2" class="offcanvas" style="display: none;">Offcanvas 2</div>
```

2. **JavaScript**: Verwende JavaScript, um den Status der Offcanvas-Elemente zu überprüfen.

```javascript
function checkOpenOffcanvas() {
const offcanvas1 = document.getElementById('offcanvas1');
const offcanvas2 = document.getElementById('offcanvas2');

if (offcanvas1.style.display === 'block') {
console.log('Offcanvas 1 ist geöffnet.');
} else if (offcanvas2.style.display === 'block') {
console.log('Offcanvas 2 ist geöffnet.');
} else {
console.log('Keines der Offcanvas-Elemente ist geöffnet.');
}
}

// Beispiel: Öffne ein Offcanvas-Element
function openOffcanvas1() {
document.getElementById('offcanvas1').style.display = 'block';
document.getElementById('offcanvas2').style.display = 'none';
checkOpenOffcanvas();
}

function openOffcanvas2() {
document.getElementById('offcanvas2').style.display = 'block';
document.getElementById('offcanvas1').style.display = 'none';
checkOpenOffcanvas();
}
```

In diesem Beispiel wird die Funktion `checkOpenOffcanvas` verwendet, um zu überprüfen, welches Offcanvas-Element geöffnet ist, indem der `display`-Stil der Elemente überprüft wird. Du kannst die Funktionen `openOffcanvas1` und `openOffcanvas2` verwenden, um die Offcanvas-Elemente zu öffnen und den Status zu überprüfen.