Keep accordions open unless closed
*This was taken from a previous project of mine. Please note, if you update the classes please update in the Javascript code where necessary
Code is in page settings and in before body tag
- CSS for animation
- Javascript for functionality
- Technical SEO optimised.
Multiple Sections Stay Open
Users can expand multiple sections at once, making it easy to compare or reference information without losing context.
Better User Control
Unlike auto-closing accordions, this approach lets users decide which sections remain open, improving navigation for content-heavy pages.
Improved Accessibility
The accordion includes ARIA attributes, making it easier for screen readers to interpret and navigate, enhancing UX for all users.
Smoother UX for FAQs & Documentation
Ideal for FAQs, guides, and documentation where users often need to see multiple answers at once.
No Repeated Clicks Needed
Prevents the frustration of re-opening sections that auto-collapse, creating a seamless browsing experience.
Any Questions, please get in contact
www.roberttrew.com