There have been multiple requests in our Community to achieve this functionality, and thanks to a bit of code and a lot of trial & error - we're stoked to announce the newest addition to Tips and Scripts
Introducing: Tabbed Sections In Unbounce Landing Pages
You can see this in action (built in Unbounce) here:
WARNING: YOU ARE ENTERING DEVELOPER TERRITORY
Link to the script: https://gist.github.com/noahub/fc3ed61f29d0176e2db53c7862033da9
Create a box element that will contain your tabbed content sub-navigation buttons.
Create a larger box element below your first box that will contain your tabbed content sub-navigation content.
Create your sub-navigation button elements and nest them in your first box in order.
Create a new box element, fill it with your desired content, nest it in the content container, then hide it. Create a second content box, fill with content, nest it in the container, then hide it., etc. etc.
Select your first button, add the ID of the first content box to the 'Go to URL' field. Repeat for all subsequent buttons/boxes.
Copy the CSS in 'tabbed_section.css' and paste in your Stylesheets section.
Update the colors in the CSS snippet to reflect the desired appearance of your 'active' tab
You're done! Now sit back and let the conversions roll in...
Want to take your Unbounce landing pages + convertables to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks