Skip to content

Effect 06 Accordion

Classic accordion panels — click a title to expand its content, with a default open item, fade-in content and fully configurable title/content colors. Ideal for announcements, service items and collapsible content.

Effect 06 Accordion preview

Live Demo

Visit the official demo page to see it in action.

Data Fields

FieldDescription
TitlePanel title row
DescriptionBody shown when expanded (rich text)
Featured ImageOptional image

Item form (Field Manager) screenshot:

Effect 06 Accordion form

Effect Settings

Basic

ParameterDescription
IntervalExpand/collapse duration in ms (default 200)
Default Open IndexPanel open by default (default 1)
Fade ContentFade the content in
OpenAllow multiple panels open at once

Style Settings

ParameterDescription
Border Color / Title Border ColorOuter border / title divider color
Title background Color / Title ColorTitle background and text color
Content background Color / Content ColorContent background and text color
Title Accent seriesHighlighted (active) title background, text and border colors

Built with VitePress