.u-summary-with-a-link

Summary element containing a link:

a link with a functional href (to toggle details, click the triangle or this small text)

This is content that shows when the summary is expanded. The summary contains a navigation link to leave this page.

a link with no href (to toggle details, click the triangle, the link, or this small text)

This demonstrates that links without href attributes are properly restored to appear as links within a summary.

.u-summary-fake-marker

Summary element with custom pseudo-element markers:

closed by default (to toggle details, click the triangle or text)

This content uses custom marker styling with pseudo-elements instead of the default list markers. Notice the ▸ marker when closed and ▾ when open.

open by default (to toggle details, click the triangle or text)

This content uses custom marker styling with pseudo-elements instead of the default list markers. Notice the ▸ marker when closed and ▾ when open.