Vertical Content Accordion

A modern, lightweight accordion module to organise your content into expandable sections. Built with zero dependencies, full accessibility, and 6 beautiful themes.

Key Features

• 6 Themes - Basic, Colorful, Bordered, Lined, Card, Striped
• 5 Icon Styles - Chevron, Plus/Minus, Triangle, Caret, Circle (left or right)
• Click or Hover - choose how panels open
• Collapse Previous - one-at-a-time or allow multiple open
• Default Open Tab - pre-expand any panel on page load
• Session Persistence - remembers which panel was open across page navigations
• Smooth Scroll - auto-scrolls to the opened header
• 3 Animation Speeds - Slow, Normal, Fast
• Auto Media Pause - pauses YouTube, Vimeo, and HTML5 video/audio when panels collapse
• Full Keyboard Navigation - Enter, Space, and focus indicators
• WCAG Accessible - ARIA roles, aria-expanded, and screen-reader friendly
• Respects Reduced Motion - honours user's OS accessibility setting
• Custom Colours - title, icon, content, read more text, and hover colours
• Per-Theme Padding - individual top and bottom padding for each theme
• Custom CSS - built-in CodeMirror editor for custom styling
• Content Plugins - optionally process content through Joomla plugins
• Two Editor Modes - Default editor or CodeMirror for iframe and script embeds
• Read More Links - per-item links with customisable text, URL, and target
• Inherits Site Theme - colours default to inherit and work with any template
• Multiple Instances - use multiple accordions on the same page
• No jQuery - pure vanilla JavaScript
• Joomla Web Asset Manager - proper asset loading with automatic debug switching
• SVG Icons - crisp at any size and inherit CSS colours
• XSS Protected - all output properly escaped
• Lightweight - minimal CSS and JavaScript footprint

Backend Screenshots