GRACEFULLY-DEGRADING DETAILS ACCORDION

Author:

  • Keith Pickering

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

Add a Comment

Your email address will not be published.