Decision Tree

A decision tree enables content to be shown based on a series of choices.

There are no limits on how many panels can be nested.

Select from the options below:

Option 1

This panel does not have any nested options.

Having only one nested panel may be ideal if you simply want to display some information based on the selection or link off to a separate page.

Option 2

This panel contains nested sub-options with different tab styles:

Sub-Option 1

Panels can contain any kind of content.

This panel shows a split with text and an image.

Cute dog photos are always a good choice!

Cavalier King Charles Spaniel

Sub-Option 2

Panels can contain embeds such as a Google map:

Sub-Option 3

You can even embed a CodePen project:

See the Pen 3D Emoji Town (Pure CSS) by George W. Park (@GeorgePark) on CodePen.

More on CodePen