Streaming live at 10am (PST)

Hover Interaction - Keep new div open

Hi folks,

I did a search on the forums and couldn’t find another similar answer so am hoping for any help. I created a hover interaction on the Company page of a client’s site to show the bio once you hover over the image of the leadership team.

That part is working great, but I wanted to see if there is a way to allow the div that opens up on hover to stay open when you move over and hover on it. Right now they have overlap, I tried adding interactions to the new div but that didn’t seem to work. Any help would be appreciated!

Also, I added a tap interaction for tablet & mobile along with the hover and when you click you open up the bio, but if you click another bio it open that one and they start to overlap - is there a way to easily close other divs when you click a new bio image?

Here is my public share link: