Made with:
- HTML / CSS (SCSS) / JavaScript
About the code:
This is an amazing Animation in which 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 issue has been tried to solved with a nice ES6 class which expands the element’s functionality without breaking accessibility.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: –
Download Demo and Code