---
title: Image Accordion
description: Display your images in a stylish, interactive accordion layout that expands smoothly on hover or click. The Image Accordion widget is perfect for showcasing portfolios, galleries, team sections, or featured highlights with a dynamic visual effect. Customize titles, animations, and…
url: "https://wpeasyelements.com/docs/image-accordion/"
updated: "2025-11-19"
category: General Widgets
---

# Image Accordion

Display your images in a stylish, interactive accordion layout that expands smoothly on hover or click. The Image Accordion widget is perfect for showcasing portfolios, galleries, team sections, or featured highlights with a dynamic visual effect. Customize titles, animations, and overlays to create an engaging experience that draws users in and makes your content stand out.

## How to Use Image Accordion Widget of Easy Elements Pro

### Step 1:

#### Add Image Accordion Widget:[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)

Select the Image Accordion widget from the left panel, then drag and drop it into your desired area on the canvas.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-83.png)

### Step 2:

#### Image Accordion Settings:

1. **Accordion Items**
2. ******Accordion****Style** (Orientation)

**Horizontal Orientation**:

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-85.png)

**Vertical Orientation**:

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-84.png)

### Step 3:

#### Customize Image Accordion Style:

Easily customize your widget’s appearance including Image Accordion item, content part, title and description style — all from the Style panel.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-86.png)