Explore UCD

UCD Home >

Accordion Menu

Design Library - Accordion Menu

This uses a grouping together of an opening Content Type 'Design Library - StandardAccordionPanelOpen' and a Content Type for each accordion item 'Design Library - StandardAccordionPanelItem'.

Within the 'Design Library - StandardAccordionPanelItem' Content Type each accordion item must have a 'UniqueID' - the best convention for this is numerical 001 for the first, 002 for the second and so forth). Each Accordion Item must have a different 'UniqueID'.

Design Library - Accordion Open

This Content Type 'Design Library - StandardAccordionPanelOpen' contains a field for 'Name' and 'Title'. It must appear at the start of the Accordion Menu. You can have multiple Accordion Menus on a single page, but each one must start with this Content Type.

Design Library - Accordion Item

This Content Type contains fields for 'Name', 'Title' 'Unique ID (each accordion item must have a 'UniqueID' - the best convention for this is numerical 001 for the first, 002 for the second and so forth) and 'Content Area'.

Accordion Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a auctor eros. Etiam cursus, dui sed maximus tincidunt, est massa fermentum dui, vitae vulputate nibh velit eu sem. Cras justo metus, tempor vitae dui eget, tempor lobortis mauris. Suspendisse nec dolor id nisl molestie consectetur. In ut ante finibus, semper tellus ut, lacinia leo. Maecenas imperdiet augue quis lacus pharetra, quis vehicula turpis rhoncus. Nulla tempus velit id egestas sodales. Quisque et condimentum arcu, vel tincidunt nibh. Aenean eget ligula quis elit tristique luctus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed viverra eros a nibh tristique, eu accumsan orci cursus. Phasellus vehicula aliquet ante, tincidunt fringilla eros varius sit amet.

  1. Item 1
  2. Item 2
  3. Item 3
    1. Sub Item 1
    2. Sub Item 2
    3. Sub Item 3
  4. Item 4
  • Item 1
  • Item 2
  • Item 3
    • Item 1
    • Item 2
    • Item 3
  • Item 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet nunc ut hendrerit venenatis. Vestibulum mollis erat ac iaculis eleifend. Maecenas ut imperdiet urna. Morbi ultricies felis nibh, eget rutrum erat ullamcorper a. Aenean vitae eleifend massa, sit amet condimentum diam. Duis pharetra velit quis lacus varius volutpat. Integer sagittis malesuada dolor. Fusce vitae lorem sed tellus dignissim ornare non consectetur metus. Quisque ac finibus augue, vel porta dolor. Proin sit amet mauris ut augue facilisis pellentesque. Nam elementum tincidunt lobortis. Vivamus scelerisque, nibh ac tincidunt hendrerit, ex justo ornare sapien, ut hendrerit libero dui sit amet massa. Phasellus et gravida odio, sit amet tristique turpis. Praesent sollicitudin aliquam augue, id vulputate nibh porta eget. In sit amet ullamcorper libero. Nunc accumsan nulla ac ultrices pulvinar.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet nunc ut hendrerit venenatis.

Column 1 Column 2 Column 3 Column 4 Column 5
Text Text Text Text Text
Text Text Text Text Text
Text Text Text Text Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a auctor eros. Etiam cursus, dui sed maximus tincidunt, est massa fermentum dui, vitae vulputate nibh velit eu sem. Cras justo metus, tempor vitae dui eget, tempor lobortis mauris. Suspendisse nec dolor id nisl molestie consectetur. In ut ante finibus, semper tellus ut, lacinia leo. Maecenas imperdiet augue quis lacus pharetra, quis vehicula turpis rhoncus. Nulla tempus velit id egestas sodales. Quisque et condimentum arcu, vel tincidunt nibh. Aenean eget ligula quis elit tristique luctus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed viverra eros a nibh tristique, eu accumsan orci cursus. Phasellus vehicula aliquet ante, tincidunt fringilla eros varius sit amet.

Nullam in rhoncus dui. Curabitur sed aliquam nunc, quis malesuada orci. Cras feugiat ex non felis lacinia porta. Aliquam in diam massa. Nam rutrum cursus sollicitudin. Fusce elementum ex vel pulvinar venenatis. Donec a velit feugiat, semper massa eget, rhoncus nibh. Nam non quam purus. Sed at mauris at nunc vehicula sodales vitae ac enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a auctor eros. Etiam cursus, dui sed maximus tincidunt, est massa fermentum dui, vitae vulputate nibh velit eu sem. Cras justo metus, tempor vitae dui eget, tempor lobortis mauris. Suspendisse nec dolor id nisl molestie consectetur. In ut ante finibus, semper tellus ut, lacinia leo. Maecenas imperdiet augue quis lacus pharetra, quis vehicula turpis rhoncus. Nulla tempus velit id egestas sodales. Quisque et condimentum arcu, vel tincidunt nibh. Aenean eget ligula quis elit tristique luctus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed viverra eros a nibh tristique, eu accumsan orci cursus. Phasellus vehicula aliquet ante, tincidunt fringilla eros varius sit amet.

Nullam in rhoncus dui. Curabitur sed aliquam nunc, quis malesuada orci. Cras feugiat ex non felis lacinia porta. Aliquam in diam massa. Nam rutrum cursus sollicitudin. Fusce elementum ex vel pulvinar venenatis. Donec a velit feugiat, semper massa eget, rhoncus nibh. Nam non quam purus. Sed at mauris at nunc vehicula sodales vitae ac enim.

Site Contact Component

University College Dublin, Belfield, Dublin 4, Ireland.
T: +353 1 716 7777 | E: sample.name@ucd.ie |

This component appears on every page of the site and is located in the section 'contactfooter'. Fields will only appear if populated with content. The 'contactfooter' section also contains separate components for each social media item.