Accordions

Accordion

Study downloads

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 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.

Even More Study downloads that may have a longer title, so we can see how this will wrap and how it behaves when it bumps into the plus icon on the right side of the accordion panel.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 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.

Another Accordion

Executive Support

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 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.

Enterprise Operations

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 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.

Accordion with "Show/Hide" text

Executive Support

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 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.

Enterprise Operations

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 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.

Accordion Alert

Questions?

Contact your financial professional

Smith, John

555.555.5555

Send an email

Collapse "Show more"

This sentence has some more information that is collapsed and can be revealed by the user if they want.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 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.

Collapse XS Only

XS only trigger

This content is only shown in small view and up. It is hidden in a collapse function on extra small view.

Collapse XS Only with "Show/Hide" text

XS only trigger

This content is only shown in small view and up. It is hidden in a collapse function on extra small view.

Collapse XS Only with title and "Show/Hide" text

You need to repeat the title in the heading tag and the anchor tag

Content title shows always Content title shows always

This content is only shown in small view and up. It is hidden in a collapse function on extra small view.

Panel pattern inside accordions

Funny title

Panel title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Super mega even funnier title

The following delegates have been automatically removed after 180 days of inactivity.

Accordion

Study downloads

Even More Study downloads that may have a longer title, so we can see how this will wrap and how it behaves when it bumps into the plus icon on the right side of the accordion panel.

Another Accordion

Executive Support

Enterprise Operations

Accordion with "Show/Hide" text

Executive Support

Enterprise Operations

Accordion Alert

Questions?

Collapse "Show more"

Collapse XS Only

Collapse XS Only with "Show/Hide" text

Collapse XS Only with title and "Show/Hide" text

Content title shows always Content title shows always

Panel pattern inside accordions

Funny title

Panel title

Super mega even funnier title

Rodridge, Dameon
XX Days from last login on xx/xx/xxxx

Manbardding, Bill
XX Days from last login on xx/xx/xxxx

Grandropper, Julean
XX Days from last login on xx/xx/xxxx

Accordions

Accordion

Another Accordion

Accordion with "Show/Hide" text

Accordion Alert

Collapse "Show more"

Collapse XS Only

Collapse XS Only with "Show/Hide" text

Collapse XS Only with title and "Show/Hide" text

Content title shows always Content title shows always

Panel pattern inside accordions

Panel title

Rodridge, Dameon XX Days from last login on xx/xx/xxxx

Manbardding, Bill XX Days from last login on xx/xx/xxxx

Grandropper, Julean XX Days from last login on xx/xx/xxxx

Login / Register

Connect with Allianz Life

Error

Rodridge, Dameon
XX Days from last login on xx/xx/xxxx

Manbardding, Bill
XX Days from last login on xx/xx/xxxx

Grandropper, Julean
XX Days from last login on xx/xx/xxxx