Toggle switching between 2 product blocks (hiding/displaying between 2 products)

Site URL: https://www.xystema.com/pricing

Hi!

I am struggling to make a toggle switching between 2 payment schemes on my pricing page. Now, my plan is to create 2 products, one is "product A monthly" and the other is "product A yearly".

In this way, I could implement switching by a toggle switch by displaying/hiding between them.

My sites password is 061298.

I attached here some samples I got from codepen. I tried to implement codepen codes but struggling. My question here seems to simplify my issue.

I will appreciate any help.

Thank you.

I see 3 pricing tables on same page. Which table are you referring to?

24 minutes ago, tuanphan said:

I see 3 pricing tables on same page. Which table are you referring to?

Thank you for replying on this. But I already got the solution from here

https://www.spacetutorials.com/toggle-button-for-content

and do some workaround.

Thanks again @tuanphan