Details

Details/Summary example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat velit lorem, feugiat congue lacus laoreet quis. Praesent maximus ex nec justo iaculis, in euismod eros dictum. Cras ac lorem sit amet purus malesuada blandit. Mauris gravida augue non urna sodales porttitor. Etiam ullamcorper luctus ullamcorper. In lobortis consequat ante.

View code

<details>
  <summary>Details/Summary example</summary>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent placerat velit
    lorem, feugiat congue lacus laoreet quis. Praesent maximus ex nec justo iaculis, in
    euismod eros dictum. Cras ac lorem sit amet purus malesuada blandit. Mauris gravida
    augue non urna sodales porttitor. Etiam ullamcorper luctus ullamcorper. In lobortis
    consequat ante.
  </p>
</details>

Stacked details ("Accordion style")

Accordion 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordion 2

Praesent placerat velit lorem, feugiat congue lacus laoreet quis.

Accordion 3

Praesent maximus ex nec justo iaculis, in euismod eros dictum.

View code

<details>
  <summary>Accordion 1</summary>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </p>
</details>
<details>
  <summary>Accordion 2</summary>
  <p>
    Praesent placerat velit lorem, feugiat congue lacus laoreet quis.
  </p>
</details>
<details>
  <summary>Accordion 3</summary>
  <p>
    Praesent maximus ex nec justo iaculis, in euismod eros dictum.
  </p>
</details>