Can be seen in this video from 18 seconds - 23 seconds.
Hi there Leigha,
You made me feel useful for the first time, the process is simple:
What you need to do is to create the title paragraphs, all that stuff and group them in a box.
After that you hide the 3 boxes in the onReady event using $w('#box').hide (replace #box by your actual box ID and do the same thing for the 2 other boxes).
Now, you need to put all of the boxes in the spot that they need to show in.
For the last part, take the hover element (button, text, image, can be anything) and add a mouseIn function to it using the property panel. What you need to put in the mouseIn function is as follows :
This code is for to show the first box, all you need to do is to switch between hide and show depending on what you want.
Hope that made actual sense (I don't think it did). But I am here if you need more explanation.
Thank you so much this is very helpful - I am going to attempt it today and may reach out for some more help!
I am having some trouble - I am pretty novice at this. I understand the mouse in section but not the one prior to that - could you clarify?
Ok, so you need to create boxes with the content (insert a box) then you hide them simply in the onReady event (in the page's code) using the same code in the mouseIn except you make everything hide. And you can add effects to the hiding and showing if you'd like :)
You need to add the semicolon at the end of each line too.
Have a look at the API reference for it too as that will be a good help.
Also, a Wix example with code shown at the bottom of the page.
Finally, just to add to above, onMouseIn and onMouseOut is fine on desktop, however remember that it will not work on mobile devices.
So, you can either simply do it all as onClick events instead, or the better way of keeping the onMouseIn option in the desktop version and only having the mobile version as onClick instead by using formfactor.
onMouse API reference.
Form Factor API reference for only showing on mobile with tutorial too.
Yea I'm a beginner coder so I don't pay attention to my codes, but it works for me even without using semicolon; they're just decorative to my perspective.
Thank you for the resources these are helpful! I am going to try it today
Really good set of resources