Streaming live at 10am (PST)

Click-to-Expand 'Tabs' using Flexbox


#1

Hello all,

I've looked around the forum and the Flexbox help site and haven't seen anything similar to this but I apologize if I have missed something right under my nose. Using Flexbox I created a row of 4 divs within a section and set up interactions to expand from 25% to 200% when you click each one, while also 'minimizing' the previously open one. The first one also has a load interaction so it automatically expands on page load. For the life of me I cannot figure out the most important part: making the content appear (display: flex or block) and disappear (display:none) on expansion and contraction (especially disappearing when you click on a different tab). I've tried a ton of different interaction combinations and haven't found anything that works. If anyone has done this before or can see what I'm missing, I would greatly appreciate some help! Thank you!

This is a test bed site I made to figure out this problem for another site I am designing.

https://preview.webflow.com/preview/flexbox-expandable-tab?preview=984f6e7f77dad54df8069c682df4e213


#2

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.