Accordion Image
Create interactive image galleries with the Divi Sensei Image Accordion module. Add images and content to expand them with accordion animation effect on mouse click or hover.

All price options are billed annually. You may cancel your subscription at any time. Products subject to a yearly license for support and updates. View terms.

Ninja License

Ninja license can be installed and activated on one site only.

Samurai License

Samurai license can be installed and activated on 3 websites.

Shogun License

Shogun license can be installed and activated on unlimited websites.

All Access Pass

To get access to all Divi Sensei modules with unlimited activations, purchase an All Access Pass here.
Accordion Image for Divi

Create stunning designs with accordion effect

The Divi Sensei Accordion Image module allows you to create interactive image galleries. You can add multiple images and each image can have its own icon, title, description and button which can be revealed with a nice animation on hover or when the image is clicked.
Accordion Content

Add images, icons, titles, descriptions and buttons

The Accordion Image module works on the principle of child’s modules. Each new added item has its own customization options, which means that we can configure each image with content individually.
Accordion Direction

Choose Horizontal or Vertical layout

There are 2 options for the available layouts in the module settings: vertical and horizontal. This option is responsive, which means you can choose between landscape layout for desktops and portrait layout for mobile devices.

Horizontal Direction

Vertical Direction

Accordion Features

Customization Settings

The Accordion module has all the options you need to build a responsive and interactive layout on a Divi website. You can control accodrion effect intensity, module height, add image overlay and so much more …

Trigger on hover or click

Customize image overlay

Responsive settings

Accordion effect size

Custom CSS fields

Always visible fields

Triggering Settings

Activate accordion effect on hover or click

The accordion effect is quite popular in web design. It can be activated by hovering the mouse over an element, or by clicking on the image. The intensity of this effect is also configurable.

Choose your plan

Create interactive image galleries with the Divi Sensei Image Accordion module. Add images and content to expand them with accordion animation effect on mouse click or hover.

All price options are billed annually. You may cancel your subscription at any time. Products subject to a yearly license for support and updates. View terms.

Accordion Image

Accordion Image

Before After Slider

Before After Slider

Blog Slider

Blog Slider

Breadcrumbs

Breadcrumbs

Button Grid

Button Grid

BESTSELLER
Carousel

Carousel

CREATIVE
Content Toggle

Content Toggle

Countdown

Countdown

NEW
Dual Heading

Dual Heading

Fancy Text

Fancy Text

Flip Box

Flip Box

Floating Images

Floating Images

Hover Box

Hover Box

CREATIVE
Image Hotspot

Image Hotspot

Image Magnifier

Image Magnifier

UNIQUE
Image Mask

Image Mask

UNIQUE
Image Showcase

Image Showcase

NEW
Image Slider

Image Slider

CREATIVE
Lottie Icon

Lottie Icon

Masonry Gallery

Masonry Gallery

UNIQUE
Panorama

Panorama

Price List

Price List

Scroll Image

Scroll Image

NEW
Star Rating

Star Rating

NEW
Timeline

Timeline

Tilt Image

Tilt Image

NEW
Typing Text

Typing Text

NEW
SVG Animator

SVG Animator