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:

Forms: Disclosure

Related:

Form Element Disclosure

Hide and show related form elements based on prior element values and selections.

Use the data-disclosure attribute with a list of space separated ID targets that you want to show.

On the target, add the disclosure class and optionally include a hidden class to hide the disclosure contents by default.

Simple Example

Complex Example

What's the best way to contact you?