Hey guys! I’m developing a page where I have some “bios” of coworkers. I made an interaction which when I click to a defined photo, the bio appears below of that section. The problem is that, because it’s activated by a click, it doesn’t disappear unless I click the same photo for a second time, so…

There’s 3 ways I can think of to create what you’re looking for. Tabs. Each profile picture should be a TabLink and the bio should be in the Tab content, You can set the default display state of the Tab content to be hidden and change display state when clicking on the TabLink. Interactions. A…

Hide and show interaction keeps stacking elements

Design help Animations & Interactions

grrdgscn (Gerardo Gascon) April 3, 2020, 9:17pm 5

Hey thanks for the help!

Indeed It all went a bit messy with interactions affecting the other .divs.
I changed for modals and is the best decision for this case.
Have a good one!

1 Like

Topic		Replies	Views
Interactions not working on show/hide on 2nd time you click to hide elements Animations & Interactions	2	1840	May 19, 2020
Image button display more info Animations & Interactions	11	3268	February 14, 2017
Show and hide using interactions (tabs-like functionality) Animations & Interactions	4	1703	February 14, 2017
How do you easily reuse a "show / hide" interaction? Animations & Interactions	0	767	December 5, 2020
Show Hide Text - Interaction Animations & Interactions	6	1457	March 5, 2017

Hide and show interaction keeps stacking elements

Related topics