Loading...

What is an accordion table? How can I use one in a lesson?

An accordion table consists of labeled rows that function like tabs in a tab set. When the student clicks a labeled row, a hidden row drops down beneath the labeled row, revealing additional content. This extra drop-down row closes/disappears when the label is clicked a second time. More than one drop-down row can be open at a time.

The text that appears above an accordion table should direct students’ attention to the content accordion and also tell them what the table is meant to show them or what kind of practice it will provide and what information will be revealed when they click the labeled rows.


Math Sample

Click each section below to discover how the value of the common ratio affects the sum of a geometric series.

If the value of the common ratio \(\mathsf{ r }\) is greater than 1, then the infinite geometric series moves towards infinity. The infinite geometric series is divergent.

If the value of the common ratio \(\mathsf{ r }\) is between -1 and 1, then the infinite geometric series moves toward a numeric value that is the sum of the series. The infinite geometric series is convergent.

Stating that the value of \(\mathsf{ r }\) is between -1 and 1 is the same as saying the absolute value of \(\mathsf{ r }\) is less than 1.

If the common ratio \(\mathsf{ r = 1 }\), then the sequence related to the series is not geometric. You cannot use the infinite geometric series rules to find the sum.


Sample Formatting

How was this content formatted so that we can develop the content correctly?

[insert accordion interactive]

[Tab 1: \(\mathsf{ r \gt 1 }\)]

If the value of the common ratio \(\mathsf{ r }\) is greater than 1, then the infinite geometric series moves towards infinity. The infinite geometric series is divergent.

[Tab 2: \(\mathsf{ -1 \lt r \lt 1 }\)]

If the value of the common ratio \(\mathsf{ r }\) is between -1 and 1, then the infinite geometric series moves toward a numeric value that is the sum of the series. The infinite geometric series is convergent.

Stating that the value of \(\mathsf{ r }\) is between -1 and 1 is the same as saying the absolute value of \(\mathsf{ r }\) is less than 1.

[Tab 3: \(\mathsf{ r = 1 }\)]

If the common ratio \(\mathsf{ r = 1 }\), then the sequence related to the series is not geometric. You cannot use the infinite geometric series rules to find the sum.

[end accordion interactive]


Examples

Accordion tables can be used in all subject areas to provide an both an overview and optional in-depth explanations or examples that students can reveal upon a click. Accordion tables are particularly useful for highlighting an overall process or series of steps, then progressively revealing more details about each stage or step.

English Example View Example
Health Example View Example
Science Example View Example

Customizable Content

Below are the suggested specifications for using images and interactive components within this interactive.

Optimization
Constraints:
  • 2-9 rows
  • Ideal for small-medium amonts of content.
Students should not have to scroll to see the content on each tab.

Preferred image orientation:
  • Banner
  • Horizontal
  • Square
Larger or more detailed images should utilize a lightbox interactive.
Nested Interactives?
Yes! The following interactive(s) can be used insidse an accordion drop-down content.
  • Lightbox
  • Interactive Table
  • Highlight Table
  • Hidden Answer Buttons
  • Flip Box
Audio/Video?
Yes! Audio and Video can be used inside the accordion drop-down content.

Formatting Template

To use an accordion table in one of your lessons, copy and paste the text shown below, replace the place holder text in brackets. (Remove the brackets after replacing.)

[insert accordion interactive]

[Row 1: Label]
Row 1 drop-down content

[Row 2: Label]
Row 2 drop-down content

[Row 3: Label]
Row 3 drop-down content

[Row 4: Label]
Row 4 drop-down content

[end accordion interactive]