Web Pattern Library

Github Repo


Global styles

Global components

Template Structure

Bag, Wishlist, & Checkout

Home / Login

Marketing Modules

Product Listing & Detail

Size & Fit Guides


My Account / History

Static pages

JavaScript Helpers

Web Pattern Library:

Forms: Disclosure


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?