Hide/Show On Click - Bugging

Hi guys,

this one is a REAL challenge. Hope someone can help me here.
I have attached screenshots showing the issues I am having (see images).

Now, on Image_1, the Divblock called “MOBILE_STRAIN” is visable and set to Flexbox. Then, I hide that divBlock, but want it to be visable when users click the button above it (Sugar & Spice). I have done similar hide/show “tricks” when using buttons (see the desktop version), but for some reason it’s not working and the result is Image_2.

Can ANYBODY tell me whats going on here?!

I hope the explanation made sense :confused:

Thanks a million in advance!

Here’s the link:
https://preview.webflow.com/preview/dsf-bf4884?utm_source=dsf-bf4884&preview=3d32c5163802c4c45c969d46dfd03783

Here are the images


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

You shouldn’t have it turn to flex box. I’d wrap your flex box element in a div and show/hide that div instead using display:block

1 Like

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