Skip to content
Module
Content Display

Responsive Accordion

Easy to use Accordion Module for Joomla

FeaturesDownload Now

30-day money-back guarantee

5.9K+ downloadsv2.0

Works with
Joomla 4 Joomla 5 Joomla 6
Responsive Accordion
Live preview of Responsive Accordion: Overview

Responsive Accordion is a Joomla site module for collapsing content into clean, expandable panels. Use it for product details, help sections, shipping policies, feature lists, or any long page you want to keep scannable.

Version 1.8.6 ships with a Modern 2026 theme, accessible button markup, search, category filters, FAQ schema, tabs mode, nesting, and deep-link anchors.

Site builders who need a polished accordion without installing a full FAQ component.

Joomla 4, 5, and 6. PHP 8.1+ recommended.

Choose Slides for inline titles and HTML, or Joomla Articles with category selection. Article panels show intro and full text together so Read More splits do not leave empty bodies.

Yes. Live keyword search highlights matches. Category pills narrow the list. Expand All / Collapse All controls open or close every visible panel.

URL anchors update the hash when a panel opens. Copy Link shares it. Switch Layout Mode to Tabs for a horizontal hybrid. Optionally remember open panels in session or local storage.

Enable FAQPage JSON-LD for eligible rich results. Optional helpful votes store in the visitor browser. Tune animation duration; reduced-motion preferences are respected.

Use Modern 2026 by default, pick classic presets, set Theme Color, add Theme CSS Override, or go fully Custom with closed/open colours and typography.

Module settings Responsive Accordion: Overview

Play with the Module Settings

By changing the module settings and applying them, you can see how the module behaves and how it affects the layout and appearance. You can experiment with different configurations and find the best settings for your needs.

Display mode

Choose accordion panels or horizontal tabs, then set how panels open and close.

Search and category pills

Help visitors find a panel quickly. For large article lists, pair this with Content Loading on the Content tab.

Links and shared state

Deep links, copy link, print, and remembering which panels were open.

Content source

Use Slides for hand-written panels, or Joomla Articles to pull from categories (FAQs, surname directories, and similar).
Title of the panel
Open or closed on page load
Optional category for filter pills (e.g. Shipping, Account)
Optional short badge next to the title (e.g. New, Pro)
Font Awesome class, e.g. fa fa-star or fas fa-check
Panel body content
Optional nested accordion items inside this panel
Title of the panel
Open or closed on page load
Optional category for filter pills (e.g. Shipping, Account)
Optional short badge next to the title (e.g. New, Pro)
Font Awesome class, e.g. fa fa-star or fas fa-check
Panel body content
Optional nested accordion items inside this panel
Title of the panel
Open or closed on page load
Optional category for filter pills (e.g. Shipping, Account)
Optional short badge next to the title (e.g. New, Pro)
Font Awesome class, e.g. fa fa-star or fas fa-check
Panel body content
Optional nested accordion items inside this panel
Title of the panel
Open or closed on page load
Optional category for filter pills (e.g. Shipping, Account)
Optional short badge next to the title (e.g. New, Pro)
Font Awesome class, e.g. fa fa-star or fas fa-check
Panel body content
Optional nested accordion items inside this panel
Title of the panel
Open or closed on page load
Optional category for filter pills (e.g. Shipping, Account)
Optional short badge next to the title (e.g. New, Pro)
Font Awesome class, e.g. fa fa-star or fas fa-check
Panel body content
Optional nested accordion items inside this panel
Title of the panel
Open or closed on page load
Optional category for filter pills (e.g. Shipping, Account)
Optional short badge next to the title (e.g. New, Pro)
Font Awesome class, e.g. fa fa-star or fas fa-check
Panel body content
Optional nested accordion items inside this panel

Article selection

Choose which articles appear. Filters and Load more only work on articles that are included here.

How articles load

Standard puts all matching articles in the page HTML (simple, fine for smaller lists). Ajax loads one page at a time when visitors change filters, search, or click Load more (better for 100+ stories).

Inside each article panel

Control the text, images, and meta shown when a visitor opens a panel.

Theme

Pick a preset look, then optionally tune the accent colour or add scoped CSS.

Title typography

Font size and weight for panel titles (and tab labels in Tabs mode).

Custom colours

Used only when Style Preset is Custom colours.

SEO and developer options

FAQ schema, extra CSS, and a module class for template overrides.

All-access bundle

Unlock every JoomlaX extension in one plan

You have explored the demos — now get all 100+ extensions, ongoing updates, and full-time support. Plans start at $99.

Get unlimited access Browse the store Keep exploring demos
  • Satisfaction guarantee
  • Secure SSL payment
  • Updates included

Company

Services

Support

Terms

Mobile Menu

Login

Don't have an account yet? Register now!