Change image on accordion tab click in Elementor Pro

Learn how to change an image whenever a user opens an accordion.

Source Code:

🟢 Email Technical Support:

🔵 Video Call Technical Support:

🔴 Download My Custom Templates:

🔵 Join Our Facebook Community!

🟢 Hire Me:

🟢 My Web Agency:

PRODUCTS I USE FOR MY WEBSITES:

🔴 Get Elementor Pro - My Favorite Page Builder

CONTACT ME:

[oOKiniaKissOo]

Omg I was fighting with chat gpt and copilot all day to tell me how to do it and they FAILED. I can't believe I didn't search on youtube earlier. with your video I did it in 10 minutes it wasn't even difficult. YT is always filled with heroes like you who don't wear capes 😂 You saved me thank you!!

[anupamajosh]

Great video. I was looking for this and found it. Thanks for your amazing content. Keep them coming!!!

[mageshraja]

Great & Easy Method, Thank You, Uriel Soto :)

[shreyankputhran]

Thank you for helping people who don't use Pro.

[LytboxStudio]

I dig this method for the switching images. Another good one! Cheers!

[matheuss]

Muito obrigado, salvou um brasileiro😀

[viniciuspalu]

Hi thx for the great content.
How can I use this metod to change a Elementor video block?

[WickyDesign]

Nice! Thanks for sharing this Elementor trick!

[AadityaSharmas]

It's working fine, if we want to replace not even an image but a div or full widget? (call to action elementor widget) then what will be code?

[watchandlearn]

Thank you and subsribed your channel 👍👍👍👍👍👍

[DipeshSharma]

Is it possible to add animation for images on change? If so, please share code. Thank you :)

[rpfbyln]

How do I do it for the Divi theme builder?

[nenadjovanovic]

Hey man, got a more complicated problem so I thought if you have time you could help me. I have tabs, and above the tabs, actually the header pages that I want to be changed when the one of the tabs is clicked, I tried with slides but I'm new in this so I don't know how to connect them, I could try with images but I need template cuz there is text on that page, sorry for messy explanation, hope you see this.

[tabeascherling]

How do I have to edit the code, when I have more than 1 of these accordions on one singe page?

[rubenbad]

Nice work, Thanks. is it possible to get something similar but on hover! like using a icon box ou image box, 3 or 4 widgets, when we hover the text, the image change?

[combinedcreative]

I noticed that Elementor changed its tags so now had to use "#e-n-accordion-item-" and it works perfectly.

However is there any way to get a smooth fadeIn of the image after you click?

[haley]

I need two of these accordions on the same page. It's not working under this instance.

[BMikel]

Is it possible to use one function to change img src dynamically? Maybe create variable for img src and update it according to left link href

[bflsridersrepublic]

Is it possible to reverse this so that when you click on an image it opens the accordion.

[aryahmdm]

is there any css to make the image fade in/out whenever we switch between image? This is a great tutorial btw, thank you!