Sichtbare Container nacheinander anordnen?

Um Container sichtbar nacheinander anzuordnen, kannst du CSS und JavaScript verwenden. Hier ist ein einfaches Beispiel, wie du dies umsetzen kannst:

1. **HTML**: Erstelle die Container.
```html
<div class="container" id="container1">Container 1</div>
<div class="container" id="container2">Container 2</div>
<div class="container" id="container3">Container 3</div>
```

2. **CSS**: Style die Container und verstecke sie zunächst.
```css
.container {
display: none; /* Container sind zunächst unsichtbar */
margin: 10px;
padding: 20px;
background-color: lightblue;
border: 1px solid blue;
}
```

3. **JavaScript**: Füge eine Funktion hinzu, um die Container nacheinander sichtbar zu machen.
```javascript
let currentContainer = 0;
const containers = document.querySelectorAll('.container');

function showNextContainer() {
if (currentContainer < containers.length) {
containers[currentContainer].style.display = 'block'; // Sichtbar machen
currentContainer++;
setTimeout(showNextContainer, 1000); // Nächsten Container nach 1 Sekunde anzeigen
}
}

showNextContainer(); // Starte die Anzeige
```

In diesem Beispiel werden die Container nacheinander alle 1 Sekunde sichtbar. Du kannst die Zeit anpassen, indem du den Wert in `setTimeout` änderst.