Quantcast
Channel: Forum | Webflow - Latest topics
Viewing all articles
Browse latest Browse all 89718

Click-to-Expand 'Tabs' using Flexbox

$
0
0

@jtm0076 wrote:

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

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 89718

Trending Articles