You can use Image Accordion Widget for displaying Images in accordion form. Each accordion item has its contents and toggles according to the cursor hover event. Visit Sample Site.

How to create Image Accordion Widget?

Step 1. Create, or choose the Column into which you want to add your element. Click on Add New Element.

Step 2. Drag UDesign Image Accordion widget from the element List.

Step 3. Add Image Accordion Widget and edit.

Image Accordion Widget Content.

Active Behavior: Set active accordion item change method either mouse click or hover event.

Deactivate after hover : Deactivate all image accordion items after cursor leave event on widget.

Direction: Determine the direction of accordion collapse.

Items: If you add items, Sub accordion item will be added automatically. Then you can insert any widgets in sub image accordion item as you want.