Gracefully-Degrading <Details> Accordion
See the Pen Gracefully-Degrading <Details> Accordion by keithpickering (@keithpickering) on CodePen.
Gracefully-Degrading <Details> Accordion
Description: The details element provides a very easy and accessible implementation of the accordion, one of the most common UI components. The problem is that the default functionality is anything but smooth. Here I've tried to solve this issue with a nice ES6 class which expands the element's functionality without breaking accessibility.
Browsers: Chrome Edge Firefox Opera Safari
Made with: HTML CSS (SCSS) JavaScript
Posted: 14.05.2018