Module 32 of 71
Divi Image Accordion that opens up on hover.
A row of image panels. Hover or click one and it widens to show its story, with titles, text and a button animating in.
Norway
Fjords, ferries and midnight sun.
The Alps
Hut-to-hut hiking for all levels.
Lapland
Snow, saunas and northern lights.
Canada
Lakes so still they look like glass.
What is the Divi Image Accordion module?
Image Accordion is a Divi 5 module in Divi Supreme Pro that lays images side by side as narrow panels. The active panel expands to show its content: an icon, title, description and button over a colour overlay.
Open panels by hover or click, run the accordion horizontally or vertically, set its height, and pick one of six content animations. Turn on sequenced animation so the title, text and button arrive one after another.
content animations
directions
triggers
custom code
Start from a Image Accordion recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Image Accordion setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Image Accordion can do.
Expanding panels
The active image widens while the others shrink, horizontally or vertically.
Hover or click
Open panels on hover for desktops, or on click for a deliberate feel.
Six animations
Fade, zoom or push the content in from any side.
Sequenced reveal
Title, description and button animate in one after another.
Overlay and alignment
Overlay colour, and content aligned to any corner or the centre.
Rich content
Icon or image, title, description and a button on each panel.
Image Accordion documentation
Setup for Divi 5: panels, trigger, direction, height, content animation and overlay.
Questions about Image Accordion.
Next module, A to Z
Image Carousel Module
Related modules
Image Hover Reveal Module
Reveal a second image on hover.
Image Carousel Module
Swipe through image galleries.
Advanced Tabs Module
Tabs that hold whole layouts.
Fit more stories into one row.
Image Accordion comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.