Want to make creations as awesome as this one?

Transcript

Instructions

Tutorial

Examples

Integrate a tiered hint system

Simple example

Reuse

L'accordéon

In the HTML editor (</>)
from an interactivity window, copy and paste this code.
Replace what is in red with a title, and what is in blue with the explanation.
Use the visual editor for formatting (bold, highlighted, color, image...).
Close the accordion before saving.

<details>
<summary>Puzzle 1</summary>
explication</details>

<details>
<summary>Puzzle 2</summary>
<details><summary>Hint 1</summary>
explanation</details>
<details>
<summary>Hint 2</summary>
explanation</details>
<details>
<summary>Hint 3</summary>
explication</details></details>

simple accordeon






staged
accordeon

See an example

Puzzle 2 Hint 1 explanation Hint 2 explanation Hint 3 explication