Template:ToggleBox/doc

ToggleBox works somehow like collapsible box, it can be toggled between two CSS classes (.toggled and .not-toggled) by clicking on "handle" element(s).

By default, all sub elements with .only-toggled class will be hidden when not toggled, and .only-not-toggled will be hidden when toggled.

You can customize the behavior via css/js, see Achievements for example.

Style A: (recommended)

... ...

Style A: (not recommended)