< Back to Demos | Learn more at PaulJAdam.com >

HTML5 <details> <summary>

http://w3c.github.io/html/interactive-elements.html#the-details-element

Summary of the details which you must open to view.

Additional information.

Or additional controls which you must have opened the summary to view.

If there is no child summary element, the user agent should provide its own legend (e.g., "Details").

Summary of the details which are already opened due to the open boolean attribute.

Additional information.

Or additional controls which are already visible due to the open boolean attribute.

Summary with no arrow via CSS

This summary has no arrow via CSS [More...]

This is the details paragraph text in a summary with no arrow.

summary.no-arrow {display: block;} summary.no-arrow::-webkit-details-marker {display: none;}