Il miglior tutorial Fondazione comprimere l'elenco Nel 2024, in questo tutorial puoi imparare effetto Accordion,
Quando si desidera nascondere parte del display, è possibile comprimere l'elenco.
.accordion
classi e data-accordion
attributo viene utilizzato per creare un elemento comprimibile. .accordion-navigation
di classe utilizzata per il rendering elementi pieghevoli. L'attuale contenuto .content
classe (<div class = "content" ) e fare clic sul pulsante per visualizzare uno.
Abbiamo aggiunto alle voci di elenco <a>
elemento da controllare (mostra / nascondi) Il pieghevole. Poi ancorare legame con contenuti pieghevole con lo stesso ID contenuto (<a href=#demo" 与<div id="demo"> associati).
Nota: L'effetto di piegatura deve essere inizializzato Fondazione JS.
Per impostazione predefinita, il contenuto pieghevole è nascosto. Possiamo nella <div>
precedente .active
classe è permesso di visualizzazione di default:
effetto di fisarmonica per l'estensione e impostare il contenuto pieghevole.
effetto Accordion utilizzando una pluralità di differenti ancore e id per creare un collegamento:
Per impostazione predefinita, la fisarmonica ha una voce di elenco è aperto. Se si desidera chiudere tutti possono utilizzare data-options="multi_expand:true;"
;" proprietà: