Expandable Menus

I want to add an expandable menu on my page, basically just want 4-button, each of which expand on click to show copy underneath… I’ve looked into the Corvid examples of expandable menu and it mentions that you can copy and paste code to use in your site, but all of my attempts at doing that have fallen short. There doesn’t seem to be a consistent location where I can paste the code to my site to create an expandable menu using my site elements. Here is a perfect example of what I’m trying to replicate for my site:

https://www.valvesoftware.com/en/

Only, I want paragraphs of copy to expand and appear from each menu item upon click.

Thanks for your help!

Also here is my current site for reference: https://www.untitledinteractive.com/

Basically I want those 4 menu items to be: (1) Who We Are (2) Projects (3) Game Submission and (4) Contact . All of the copy you see underneath each of those headers is what I want to expand to appear after clicking on sed menu item. Basically, if you want to read about ‘Who We Are,’ you click the header and it expands downward to show you a strip with a bunch of copy, and then when you’re done reading it you click the header again to have it all come back up so that all you see on the page is those 4 menu item boxes.

Please advise!

You can see how to do this in the Collapse Elements example.

1 Like

Question for you Yisrael… so I got the collapse elements up on my site, no problem, everything on that front is working properly, however… it created a GIANT white space below all my elements on my homepage… I have no idea how, because in the editor I have no white space… here’s the site: https://byron062.wixsite.com/devmode

You can see here in the screenshot below, I have no white space showing in the editor under the Contact form, however on the published site there is a MASSIVE space.

Heres’ the code I have on the site just so you can see it:

Check out my comment below… I ran into another issue

As you can see in the example, the whole “collapsible menu” is inside #container3 . The container controls the collapse/expand preventing the large white space.