PatternFly Elements: Accordion Demo

Accordion component

Nested panel example

Panel with multiple paragraphs

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Panel with links & floating cards

The characters in the portraits are not actually ghosts. They mainly are there just to repeat common phrases or serve as a general representation of the individual they depict. A portrait of his parents would not be of much help to Harry.

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.

Panel with CTA

Call-to-action

Accordion component on dark

Nested panel example

Panel with multiple paragraphs

Panel with links

The characters in the portraits are not actually ghosts. They mainly are there just to repeat common phrases or serve as a general a href="foobarbaz.com">representation of the individual they depict. A portrait of his parents would not be of much help to Harry.

Panel with CTA

Call-to-action

Accordion component on saturated

Nested panel example

Panel with multiple paragraphs

Panel with links

Panel with CTA

Call-to-action

<pfe-accordion>

Why do wizards need money if they could just create it?

There is legislation that decides what you can conjure and what you can not. Because things that you conjure out of thin air will not last, it is illegal in the wizarding world.

Foo

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Because Harry's grandparents were not able to do magic. This is generally frowned upon by those who consider themselves pure, such as the Malfoy's or other antagonists.

Is Hogwarts the only wizarding school?

Nested accordions

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Nested accordions

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Where do the main characters work as adults?

Harry and Hermione are at the Ministry: he ends up leading the Auror department. Ron helps George at the joke shop and does very well. Ginny becomes a professional Quidditch player and then sportswriter for the Daily Prophet.

Read more about the characters

<pfe-accordion> on a custom saturated background

Why do wizards need money if they could just create it?

There is legislation that decides what you can conjure and what you can not. Because things that you conjure out of thin air will not last, it is illegal in the wizarding world.

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Because Harry's grandparents were not able to do magic. This is generally frowned upon by those who consider themselves pure, such as the Malfoy's or other antagonists.

Is Hogwarts the only wizarding school?

No! It has been revealed that there are actually 11 long established and prestigious schools around the globe. These include Castelobruxo in the rainforest of Brazil, Durmstrang Institute (whereas nobody is certain of it’s whereabouts), and Ilvermorny, right here in the United States.

Where do the main characters work as adults?

Read more about the characters

<pfe-accordion> nested

Why do wizards need money if they could just create it?

There is legislation that decides what you can conjure and what you can not. Because things that you conjure out of thin air will not last, it is illegal in the wizarding world.

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Because Harry's grandparents were not able to do magic. This is generally frowned upon by those who consider themselves pure, such as the Malfoy's or other antagonists.

Is Hogwarts the only wizarding school?

Where do the main characters work as adults?

Read more about the characters

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Because Harry's grandparents were not able to do magic. This is generally frowned upon by those who consider themselves pure, such as the Malfoy's or other antagonists.

Is Hogwarts the only wizarding school?

Where do the main characters work as adults?

Read more about the characters

<pfe-accordion> custom styles

Why do wizards need money if they could just create it?

There is legislation that decides what you can conjure and what you can not. Because things that you conjure out of thin air will not last, it is illegal in the wizarding world.

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Because Harry's grandparents were not able to do magic. This is generally frowned upon by those who consider themselves pure, such as the Malfoy's or other antagonists.

Is Hogwarts the only wizarding school?

Where do the main characters work as adults?

Read more about the characters

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Because Harry's grandparents were not able to do magic. This is generally frowned upon by those who consider themselves pure, such as the Malfoy's or other antagonists.

Nested panel example

Panel with multiple paragraphs

Panel with links & floating cards

Panel with CTA

Nested panel example

Panel with multiple paragraphs

Panel with links

Panel with CTA

Nested panel example

Panel with multiple paragraphs

Panel with links

Panel with CTA

<pfe-accordion>

Why do wizards need money if they could just create it?

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Is Hogwarts the only wizarding school?

Nested accordions

Nested accordions

Where do the main characters work as adults?

<pfe-accordion> on a custom saturated background

Why do wizards need money if they could just create it?

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Is Hogwarts the only wizarding school?

Where do the main characters work as adults?

<pfe-accordion> nested

Why do wizards need money if they could just create it?

Why do wizards need money if they could just create it?

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Is Hogwarts the only wizarding school?

Where do the main characters work as adults?

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Is Hogwarts the only wizarding school?

Where do the main characters work as adults?

<pfe-accordion> custom styles

Why do wizards need money if they could just create it?

Why do wizards need money if they could just create it?

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Is Hogwarts the only wizarding school?

Where do the main characters work as adults?

Why doesn't Harry have a portrait of his parents?

Why is Harry considered a half-blood if both of his parents could use magic?

Is Hogwarts the only wizarding school?

Where do the main characters work as adults?

<pfe-accordion> form test for ShadyCSS

Header

This is a disclosure

Not a disclosure because disclosure=false

This is a disclosure

Not a disclosure because disclosure=false