expander

The expander is a simple molecule to toggle the visibility of it’s siblings. The element itself acts as the toggle by swapping the open class. This can be done a number of ways, but to keep things simple for the demo we used the onclick attribute directly.

The generic rules make for a very flexible setup, where we can force each child to display in all cases inline or with additional CSS in the future.

Example

More from this series

---

Series headline goes here

Nullam ultricies hendrerit est a bibendum. Suspendisse scelerisque vitae nisi et consequat. Vivamus cursus vitae ante eu tristique. Sed nec velit maximus diam laoreet venenatis.

EXPAND ALL

Women are fleeing Venezuela for a better life. They’re turning up dead.

They left Venezuela with dreams. They were met with forced prostitution — and their deaths

They want justice after their daughters were killed abroad. But it’s like the murders never happened

---