Come creare Bootstrap 5 Collapse?

" che conterrà il contenuto comprimibile. Assicurati di aggiungere la classe "collapse" e un attributo "id" a questo "

", come "collapseExample".

2. Classi CSS:

- Includi il file CSS Bootstrap nella tua pagina web.

- Aggiungi le seguenti classi CSS:

- Classe `collapse` nel contenuto comprimibile `

- Classe `show` sul contenuto comprimibile `

` per visualizzarlo inizialmente (opzionale).

- Classe "collapsed" sul pulsante di attivazione/disattivazione "" per indicare inizialmente lo stato compresso (opzionale).

3. JavaScript:

- Includi il file JavaScript Bootstrap nella tua pagina web.

- Aggiungi il seguente script:

```javascript

// Seleziona il pulsante di attivazione/disattivazione e gli elementi di contenuto comprimibili

const toggleBtn =document.querySelector('.toggle-btn');

const collapsibleContent =document.getElementById('collapseExample');

// Aggiunge il listener di eventi al pulsante di attivazione/disattivazione

toggleBtn.addEventListener('clic', funzione() {

// Attiva/disattiva la classe "mostra" sul contenuto comprimibile

collapsibleContent.classList.toggle('mostra');

// Attiva/disattiva la classe "compressa" sul pulsante di attivazione/disattivazione

toggleBtn.classList.toggle('collassato');

});

```

Questo script gestirà la funzionalità di compressione/espansione quando si fa clic sul pulsante di attivazione/disattivazione.

Seguendo questi passaggi, puoi creare facilmente un elemento comprimibile utilizzando Bootstrap 5.