diff --git a/src/modules/accordion.marko b/src/modules/accordion.marko index 94e27d5d8..42cb30f42 100644 --- a/src/modules/accordion.marko +++ b/src/modules/accordion.marko @@ -2,11 +2,11 @@

- An accordion is a list of details that are grouped together. Interacting with each item can expand or collapse to show or hide additional content. + An accordion is a series of expandable sections of content. Each section has a summary header that is used to toggle the display of its related content.

Default Accordion

-

By default, each section(aka details) can be opened & remain open until closed manually.

+

By default, each section is rendered as closed. When opened, the section will stay open until explicitly closed.

    Opened Accordion

    -

    Apply Open attribute on details to open the section.

    +

    Apply the open property to render a section in an open state.

      Apply the - details__summary--large + accordion--large - class to use the larger version of accordion. + modifier to increase the size of each section summary.

      @@ -461,8 +461,8 @@
    -

    Auto collapsing Accordion

    -

    Use the name attribute, to ensure only one section can be open at a time, with other sections automatically closing.

    +

    Auto-Collapsing Accordion

    +

    Use the name attribute to ensure only one section can be open at a time, with other sections automatically closing.

    NOTE: For browsers that do not yet support this attribute, Javascript is needed to mimic the behavior as a fallback.