Hide/Show Not working

Design help Animations & Interactions
1

Hey all,

I’ve done this many times in the past, it’s not a difficult action, but for some bizarre reason on the second click, the div element will NOT hide. So frustrating. Been at it for hours – any ideas?

Thanks

https://preview.webflow.com/preview/acumentice-06-23?utm_medium=preview_link&utm_source=designer&utm_content=acumentice-06-23&preview=55f4d92233daaddbd348807308e2ec9d&pageId=64071a1ce3e10662a81021ee&workflow=preview

Here is my public share link: LINK
(how to access public share link)

2

Hi @AndyBr00k,
both animations are triggered by clicking on “team-member”,“team-member” will hide after first click and “bio-wrapper” will show up. The second click (“Hide” animation) won’t happen, since it is impossible to click the hidden element again.

You should try changing the animations and make it trigger by clicking the parent div “team-wrapper”, or just change the “Hide” animation to trigger when “bio-wrapper” is clicked.

3

Thank you very much Cabral. You’ve nailed it. Indeed, that makes perfect sense. You’re very kind – that seems to be working ok now.

May I ask, is there a similar principle with the element trigger mouse hover ? That too is now behaving very unusual