HTML <details> <summary>

PHOTO EMBED

Thu Oct 13 2022 07:45:59 GMT+0000 (UTC)

Saved by @Kristi #css #html

<details>
  <summary>Example</summary>
  Height needs to be set for this to work. Works on Chrome, haven't tested further.
</details>


//Build in transition smooothly
details {
  transition: height 1s ease;
  overflow: hidden;
}

details:not([open]) {
  height: 1.25em;
}

details[open] {
  height: 2.5em;
}
content_copyCOPY

https://www.w3schools.com/tags/tag_details.asp

https://stackoverflow.com/questions/38213329/how-to-add-css3-transition-with-html5-details-summary-tag-reveal