This snippet is most appropriate when you have more individual items of information
than one page would allow, but not enough for each item to be an individual page.
For example, you could have content on how to apply to a program based on your certain
criteria, and the reader clicks on each topic to expand the details.
With the expand and collapse element you have two fields to fill out: the summary
and the details. The summary is what is shown when the widget is collapsed, and the
details when it’s expanded. The details section allows multiple paragraphs, inline
links, bullets and other inline styling.
You can use multiple expand and collapse widgets on the same page with headers and/or
descriptions in between. This element can also be used with callouts. Since expand
and collapse widgets automatically use heading 5s, you must use a heading 4 before
each one in order to follow with the university's guidelines for accessible heading hierarchy on the Digital Accessibility site.