Web Pattern Library

Github Repo

Menu


Global styles

Global components


Template Structure


Bag, Wishlist, & Checkout

Home / Login

Marketing Modules

Product Listing & Detail

Size & Fit Guides

Personalization

My Account / History

Static pages


JavaScript Helpers

Web Pattern Library:

Collapsible

Related:

Default

Header

And this is the collapsible content

Collapsed

Header

And this is the collapsible content

Inset Content

Header

And this is the collapsible content

Variation: Simpler

Header

And this is the collapsible content

Variation: Simpler, Inset

Header

And this is the collapsible content

Variation: Without Decoration

Header

And this is the collapsible content

Variation: Headless

Header

And this is the collapsible content

Tabs

Collapsible

And this is the collapsible content for tab A

Collapsible

And this is the collapsible content for tab B

Collapsible

And this is the collapsible content for tab C

Collapsible

And this is the collapsible content for tab D

Development Test Cases

Collapsibles Stacked (Vertical Spacing)

Header

And this is the collapsible content

Header

And this is the collapsible content

"Read More" style collapsibles

"Read More" style collapsibles with the "persist" option

Regular read-more collapsibles will auto-expand at wider breakpoints. These will not.