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: Articles

Download the package from your JoomlaX account, then install the module zip in System > Install.

After install, open Content > Site Modules, create a Responsive Accordion module, choose Slides or Joomla Articles, and publish it to a menu item.

Older builds showed only intro text. If your article uses a Read More split, the body lived in full text.

Version 1.8.6 combines intro and full text by default. Set Article Text to Intro and Full Text, save, and hard-refresh. Empty panels usually mean both fields are blank in the editor.

Yes. Enable Include Child Categories and set how many levels deep to walk.

Select a parent category when you want every published child FAQ in one accordion without listing each subcategory manually.

Search works for both sources. Category pills use slide Category fields or Joomla category titles in article mode.

Turn on Show Search Box and Enable Category Filters in General Settings. Expand All and Collapse All appear in accordion mode.

Enable URL Anchors so opening a panel updates the page hash.

Copy Link (when enabled) copies a shareable URL that reopens the same panel on load. Works for slides and article panels.

Module settings Responsive Accordion: Articles

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!