Details/summary polyfill (expandable/collapsible content)
The HTML5 details and summary elements are used to provide expandable/collapsible content. This component adds support for these elements in browsers that do not already have native support.
Examples
- 
			Example 1Example content that provides more details. Cups of coffee consumed by each delegate Name Cups Type of Coffee Sugar? T. Sexton 10 Espresso No J. Dinnen 5 Decaf Yes 
- 
			Example 2Example content that provides more details. Cups of coffee consumed by each delegate Name Cups Type of Coffee Sugar? T. Sexton 10 Espresso No J. Dinnen 5 Decaf Yes 
- 
			Example 3Example content that provides more details. Cups of coffee consumed by each delegate Name Cups Type of Coffee Sugar? T. Sexton 10 Espresso No J. Dinnen 5 Decaf Yes 
Code
<ul class="list-unstyled">
	<li>
		<details>
			<summary>Example 1</summary>
			...
		</details>
	</li>
	<li>
		<details open="open">
			<summary>Example 2</summary>
			...
		</details>
	</li>
	...
</ul>Report a problem on this page
- Date modified: