Click ANYTHING to Show an Element | Elementor + jQuery + CSS

In this video, I will show you how to add the functionality to Click to show any element using jQuery. A similar method can be used to Hover over any element to show another element. Links to the code below!

Get the code from our live testing environment!

----------------------------------
Thinking about going PRO?
We use Elementor as a page builder, Crocoblock plugins to make all of our sites Dynamic, and host it on SiteGrounds' fast servers optimized for WordPress!
Consider supporting us by using our affiliate links.

----------------------------------

Did this video help you? Support us and the content we make!

Follow Us on Instagram

Check out our website for more resources

Do you have visitors but no sales?
Download our "3 REASONS WHY YOUR VISITORS ARE NOT CUSTOMERS" ebook for actionable tips to help convert visitors into customers

[JohnVaughters]

I've been working on this all day. I watched three youtube videos and was just struggling. Around 10:00pm I found yours, and it was exactly what I needed. Thank you so much for making this. It really helped me out. Even the button bg colors.

[buzznetwork]

First video about this that actually worked. Thanks. Thoughts on how to make the first button initially "active"?

[krs]

hey nerds...best way i've seen to start this kind of video lol

[raeesahmadkhan]

please we need more jquery with elementor and wordpress tutorials.

[amdesigngroup]

This worked great when I am using 2 buttons, but I need to include 5 different sections/buttons. Is there a slick way to write this code when using more than 2? Thanks in advance.

[jarwa]

how do I implement this woocommerce gallery? Help. SO I want the buttons to be a carousel of the woocommerce gallery then the sections to be a the full screen size image. So when I select one image on the carousel it focuses and makes it large

[nunofmadeira]

the link to the code no longer works :\