Esempio di Accordion
Il blocco Accordion card può essere gestito per un contenuto in linea visibile con 2 modalità:
Situazione 1:
è visibile solo la prima porzione di testo seguita da un bottone del tipo "Più info"
Situazione 2 (cliccando sul bottone del "Più info"):
il pannello si allunga e diventa visibile la seconda porzione di testo seguita da un bottone del tipo "Meno Info"
l'unica accortezza è attibuire ad entrambi i pulsanti la classe Button AccordionTrigger
<p style="text-align: center"><a class="Button AccordionTrigger">Più informazioni...</a></p>
Blocco1 contenuto iniziale: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
Blocco2 contenuto aggiuntivo: et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Blocco1 contenuto iniziale: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
Blocco2 contenuto aggiuntivo: et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Blocco1 contenuto iniziale: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laborex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
Blocco2 contenuto aggiuntivo: et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Esempio di testo classico con accordion
Porzione iniziale sempre visibile
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Seconda porzione visibile dopo il click su "Più Informazioni":
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
...