Skip to content

Show More List

TIP

The collapse link (c-link) has the attributes data-toggle="collapse", data-target='#listID" and data-alttext="show less" (for the alternative text that is shown after collapsing).

  • The link has a child .c-link__text where the alternative text is being inserted.

  • The list itself has the referenced ID and the attributes aria-expanded="false" and data-visible-items="2" (how many items should be visible at first, 4 is default value).

  • Optional: list items that should be hidden at first can have the class -is-hidden