Published on January 23, 2022

Tutorial: Creating A Dynamic Image Accordion In WordPress With Oxygen

Would you like to easily create a responsive, dynamic image accordion? See how easy it can be by following along with the video tutorial below!

This tutorial is inspired by Supa Mike at Oxygen4Fun: https://oxygen4fun.supadezign.com/tutorials/how-to-create-a-responsive-image-accordion/, as well as a CodePen by Zed Dash: https://codepen.io/z-/pen/OBPJKK.

Code from the video:

JavaScript: https://gist.github.com/Spellhammer/ea9d0804703e78997f0e537d4eb8729b

CSS: https://gist.github.com/Spellhammer/24a633a1d0eb639d293dc1e26c4d8406

Cubic- Bezier: https://cubic-bezier.com/#.92,.18,0,.91

The Oxygen Team
Updated on: January 23, 2022

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If youโ€™re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want โ€” no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.