Click to reveal overlay and close overlay interactions not working

[choreus (Julian)]

Hi Adam,

@adamleeblythe

That’s amazing thank you! I’ve got it to work! Your video was super clear!

Perfect! That’s great to hear.

@adamleeblythe

One thing that I have noticed is that the show animation doesn’t work quite as it should the second time you click it. The overlay shows again but without the easing transition. Any idea why it does this?

Yes, I can see that as well. I can’t quite figure this out for now. Maybe someone more experienced with interactions can chime in and help out.

@adamleeblythe

Also, as I plan on having each image block on this page use the interaction above, is it possible to close the overlay when clicking on another image block?

Check out the following thread. I think this might help you achieve what you’re after.

CSS List show info on click - reveal css list/item content on click/hover

Something similair is asked here, here, here, here and now here, Almost figured it out, almost Created a list from CSS, in the same DIV (as a sibling) put some other content from list. Used IX on click with simple: 1stClick:Hide(initial)/Show & 2ndClick:Hide on the div inside the collection div like suggested in threads linked above… It works, but problem is, the info doesn’t close when something else is clicked. I tried cheating with a white background, but it seems that the …