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