Interaction not working when inside an affected element

Design help Animations & Interactions
1

Hi All,

So, as title suggest, im having a problem with show/hide interaction when the trigger button is placed inside the affected element. It doesnt do anything. More specifically, im trying to hide the DIV where the Hide button is placed. It doesnt seem to work when inside that Div but works perfectly when outside it. Any workaround to it?

Heres a link to better understand it.
https://preview.webflow.com/preview/adomass-spectacular-project?preview=c4be772e4ac74470b258acd518e88c4e

(p.s. its important to retain the layout as it is on the right)

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

2

Not really a bug. Your Hide button in the not working structure is placed inside of the… Show button. That’s what makes it bug. If you remove the Show IX from the Show btn, the hide will work again.

You have a gazillion choices for achieving what you without without having to nest elements that are triggers for interactions :slight_smile: It’s going to be a design solution.

3

Understood. Thank you.

4

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