Blog

Cross-Browser Details and Summary Tags

shutterstock_234378844
BLOG / Web Development

Cross-Browser Details and Summary Tags

The details element generates a simple no-javascript widget to show/hide element contents, optionally by clicking on its child summary element.

Browser Support

This feature is already supported by a few major browsers including Chrome, Safari and Opera.

Code Example

You can use Details and Summary tags like this:

<details>
  <summary>Copyright 1999-2014.</summary>
  <p> - by Refsnes Data. All Rights Reserved.</p>
  <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

More Information

More information can be found here.