Hey fellow designers!
I’ve been designing a box that should have collapsable content upon clicking an element in the top right corner. I want to apply the interaction (hide/show) to siblings, so other boxes on the page are not affected, and won’t need to create multiple of the same animations applying to individual elements.
This is all good and well, but I’m struggling with the hierarchy. I can’t think of a way the top right button can be a sibling of the content.
Here’s an example of the hierarchy:
Does anyone have a good idea on how to make this happen? Or has any examples in the showcase so I can take a look?