Accordion

  • -

Accordion

Accordion (in italiano “fisarmonica”), è un controllo attraverso il quale vengono nascosti e mostrati determinati blocchi di dati in base all’interazione con l’utente.

Viene utilizzato principalmente in due casi: per ridurre l’ingombro del testo nella pagina oppure per focalizzare l’attenzione dell’utente su una determinata porzione di testo.

Può presentarsi come di seguito:

Titolo 1

Proin posuere maximus lorem sed elementum. Donec eget libero in magna egestas semper at quis risus. Morbi interdum nibh sodales sem pretium pharetra. Proin eu odio sollicitudin, semper justo non, interdum est. Vestibulum interdum est nulla, a aliquet erat finibus sed. Integer eget orci non nisl tristique vulputate. Proin quis tortor scelerisque, efficitur sapien sed, aliquam tellus. Sed porta sit amet magna ac scelerisque. Cras venenatis purus quis efficitur interdum. Suspendisse posuere velit vel turpis sagittis, in interdum est placerat. Fusce vel justo vel velit euismod viverra ut at magna. Aliquam magna felis, tempus ut neque sed, interdum viverra lacus. Praesent vel blandit ex, eget tincidunt mi. Mauris molestie tristique tellus nec venenatis. Maecenas consequat, leo id tempor suscipit, ante elit cursus libero, quis mollis turpis eros eget enim. Praesent consequat tortor ac sapien vulputate malesuada.

Titolo 2

Donec vitae mollis ante. Integer fringilla eu tellus eget condimentum. Sed vehicula, ligula sed placerat luctus, nulla risus finibus felis, egestas congue dolor purus sit amet diam. Curabitur eu elit magna. Ut non tristique lectus. Proin sagittis libero magna, non pharetra nisl suscipit vel. Sed feugiat nulla in lacus dictum, in tempus elit posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas vel elit hendrerit risus semper eleifend.

Nulla at nisl sed purus porttitor sagittis. Ut ac vulputate sapien, ac luctus nulla. Integer hendrerit lacinia consectetur. Aenean viverra orci id augue euismod, vitae auctor ante tristique. Curabitur nunc diam, porta nec sapien id, placerat lobortis mauris. Aliquam ac congue quam, eget dictum nibh. Maecenas dictum blandit imperdiet. Curabitur eu libero porta, varius dui et, dictum ante. Aliquam erat volutpat.

Titolo 3

Proin posuere maximus lorem sed elementum. Donec eget libero in magna egestas semper at quis risus. Morbi interdum nibh sodales sem pretium pharetra. Proin eu odio sollicitudin, semper justo non, interdum est. Vestibulum interdum est nulla, a aliquet erat finibus sed. Integer eget orci non nisl tristique vulputate. Proin quis tortor scelerisque, efficitur sapien sed, aliquam tellus. Sed porta sit amet magna ac scelerisque. Cras venenatis purus quis efficitur interdum. Suspendisse posuere velit vel turpis sagittis, in interdum est placerat. Fusce vel justo vel velit euismod viverra ut at magna. Aliquam magna felis, tempus ut neque sed, interdum viverra lacus. Praesent vel blandit ex, eget tincidunt mi. Mauris molestie tristique tellus nec venenatis. Maecenas consequat, leo id tempor suscipit, ante elit cursus libero, quis mollis turpis eros eget enim. Praesent consequat tortor ac sapien vulputate malesuada.

Normalmente, è possibile utilizzando WordPress, è possibile inserirlo facilmente attraverso librerie precompilate di codici brevi (Shortcode).