Custom Dropdowns (For Transcripts)

12 Custom Dropdowns (For Transcripts)

/* custom dropdown via mdn web docs https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details */

details {

border: 1px solid #aaa;
border-radius: 4px;
padding: 0.5em 0.5em 0;

}

summary {

font-weight: bold;
margin: -0.5em -0.5em 0;
padding: 0.5em;

}

details[open] {

padding: 0.5em;

}

details[open] summary {

border-bottom: 1px solid #aaa;
margin-bottom: 0.5em;

}

<details>
<summary>**DROPDOWN TITLE**</summary>
**CONTENT IN DROPDOWN**
</details>

**DROPDOWN TITLE**

**CONTENT IN DROPDOWN**

Icon for the Creative Commons Attribution-NonCommercial 4.0 International License

MSUL's OER Program Internal Processes Copyright © by Chandlee Taylor; Joshua Newman; Julie Taylor; Mary Van Newkirk; and Linda Miles is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License, except where otherwise noted.