Using the <details> element

link before accordion groups

Here is a simple accordion setup using the <details> element.

Using <details> on its own

System Requirements

Requires a computer running an operating system. The computer must have some memory and ideally some kind of long-term storage. An input device as well as some form of output device is recommended.

Here is some content outside the accordion container.

Using <details> with a heading element inside

Hard disk capacity

Different size capacities of hard disk are available - from just a few gigabytes up to several terrabytes.

Also, it's perfectly possible to chain the hard disks together to increase capacity.

This content shouldn't become part of the accordion setup because it's outside the accordion container.

link after accordion groups