Accordion Bric fornisce un modo per suddividere e alternare tra nascondere e mostrare grandi quantità di contenuti. Gli Accordion sono costituiti da vari sottoelementi come Carta Bric e Div contenitore Bric, che consente di personalizzarli e di personalizzarli in modo semplice e indipendente.
Per aggiungere più sezioni di fisarmonica, seleziona semplicemente una delle carte (che si trova all'interno del contenitore div della fisarmonica principale) tramite l'albero dei livelli e duplicala usando la scorciatoia da tastiera D.
Structure
La struttura di una fisarmonica è un po 'più complessa della maggior parte degli altri Brics trovato all'interno Blocs. È composto da un file Div contenitore Bric che ha il suo Tipologia impostato su un Contenitore per fisarmonica e il suo tool proprietario ID impostato su un valore univoco, ad esempio fisarmonica-17605. All'interno di questo contenitore sono presenti più file Carta BricsOgni carta Bric ha una Link Bric all'interno della sezione dell'intestazione della carta e un ulteriore Div contenitore che contiene la sezione del corpo della carta.
Comunicazione
Le funzioni della fisarmonica Bric sono controllate tramite Link Bric (trovato nella sezione dell'intestazione di una carta) e il Div contenitore (che contiene la sezione del corpo della carta). Entrambi questi elementi hanno attributi di dati personalizzati applicato ad essi per conferire loro la funzionalità tipica della fisarmonica e permettere loro di comunicare tra loro.
Collegamento a fisarmonica Bric
Il collegamento è l'elemento su cui fai clic per rivelare la sezione della fisarmonica. Questo articolo ha una configurazione specifica che gli consente di funzionare come parte di una fisarmonica. Ha il suo interazione impostato nessuna e ha anche vari attributi di dati personalizzati, i due più importanti sono dati-target e aria-controlli.
Collega attributi di dati
Il dati-target ad esempio, l'attributo ha un valore impostato su un riferimento univoco # accordion-17605-item-1. aria-controlli l'attributo contiene un valore quasi identico al dati-target attributo, ma ha rimosso il # all'inizio, ad esempio fisarmonica-17605-item-1. Questi riferimenti univoci dovrebbero corrispondere al file ID del contenitore div corrispondente in cui è annidato il corpo della carta.
Contenitore Div della fisarmonica
All'interno di ogni carta Bric (che si trova all'interno del contenitore principale a fisarmonica) è presente un ulteriore Div contenitore che ha il suo ID impostato su un valore univoco, ad esempio fisarmonica-17605-item-1. Questo valore ID deve corrispondere e corrispondere agli attributi dei dati personalizzati, dati-target e aria-controlli trovato sul link Bric (situato nella sezione dell'intestazione della scheda).
Questo contenitore div Bric contiene anche vari attributi di dati personalizzati, il più importante dei quali è dati-genitore. Questo valore di questo attributo di dati deve corrispondere a ID del contenitore principale della fisarmonica, per esempio # fisarmonica-17605. Questo attributo di dati indica al browser a quale contenitore di fisarmonica è correlata questa sezione.
Se apporti modifiche agli attributi dei dati del collegamento a fisarmonica dati-target or aria-controlli, abbi cura di aggiornare il file ID per il relativo contenitore div (che contiene la sezione del corpo della carta) e viceversa.
Per informazioni più dettagliate su come funzionano le fisarmoniche, fare riferimento a Documenti Bootstrap 4.