ID224 Advanced HTML and CSS Class
A disclosure widget reveals (or "discloses") hidden information within a heading. It's an effective way to save screen space while creating a succinct overview of the content on the page.
Below, I created an animated disclosure element using <details> that each contain a <summary> and a <div> with some placeholder content. A linked javascript document works alongside some varying classes, transitions, and animations so that the details
Test one
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quae, quasi, veritatis porro ea soluta magni alias quo culpa illo quibusdam accusantium nostrum officia, ex nam non ullam similique ipsa! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quae, quasi, veritatis porro ea soluta magni alias quo culpa illo quibusdam accusantium nostrum officia, ex nam non ullam similique ipsa!
Test two
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quae, quasi, veritatis porro ea soluta magni alias quo culpa illo quibusdam accusantium nostrum officia, ex nam non ullam similique ipsa!
Test three
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit quae, quasi, veritatis porro ea soluta magni alias quo culpa illo quibusdam accusantium nostrum officia, ex nam non ullam similique ipsa!