Menu icon Foundation
Foundation 6 for Sites - collapsible box

Hi All

I would like to create a simple collapsible box which expands / contracts on mouse click.

Here is an example of what I'm trying to achieve.  Bootstrap also have a similar component.  I searched around but I couldn't see how to do the same in Foundation.  The Accordion control looks to be the closest component, but not exact.

Can anyone suggest how I can achieve this in Foundation 6?

Thanks

Matt

collapsible

Hi All

I would like to create a simple collapsible box which expands / contracts on mouse click.

Here is an example of what I'm trying to achieve.  Bootstrap also have a similar component.  I searched around but I couldn't see how to do the same in Foundation.  The Accordion control looks to be the closest component, but not exact.

Can anyone suggest how I can achieve this in Foundation 6?

Thanks

Matt

Rafi Benkual over 3 years ago

Foundation has a toggler component you can use for this.

We wrote a lesson on doing just this, also with the power of animations: http://zurb.com/university/lessons/show-me-show-me-show-me-how-you-do-that-trick

There's a link to the demo there!

Matt Hegarty over 3 years ago

Excellent - thanks for the response.