Introduction
An accordion expands and contracts. Similarly, an accordion gallery can be expanded (e.g. to show more details) or collapsed. There are two ways you can create such a gallery - using a single flexible height gallery or two nested flexible height galleries. With a little bit of data restructuring, you can make it work with a single gallery which is what I recommend. To learn more about galleries, click here.
Accordion gallery using nested galleries
Consider a checklist use case where questions are divided into sections. In this method, the parent/outside gallery displays the sections. The nested/inside gallery displays the questions within a section. To learn this method in detail, click here.
Accordion gallery using a single gallery
In this method, the single gallery simply displays the list of questions. For questions that have a sequence of 1 within each section, certain extra labels display section information along with the question details. To learn this method in detail, click here.
Stay tuned for the remaining 25 tips!