This is a basic accordion item. It starts collapsed because no open parameter was set.

It uses native HTML <details> and <summary> elements, so it works without any JavaScript framework. Click the header to expand or collapse.

Yes! This link demonstrates that links inside accordions keep the site’s red underline style and hover correctly.

This panel is open by default because open="true" was set. Click the header to collapse it.

This panel stays closed until you click it.

This panel shows bold, italic, and strikethrough text, plus a list:

• First item
• Second item
• Third item

You can include inline code or preformatted blocks:

example: "code block"

“A blockquote inside an accordion item.”

This tests that nested markdown renders correctly.

This belongs to accordion group “group-a”.

Each accordion on the page should have a unique id so items don’t conflict.

This belongs to a different accordion group “group-b”. Separate IDs keep them independent.