CodeOath
← All challenges

Tabbed Interface

Medium
javascriptdomaccessibility

Build a tab interface: a row of tab buttons, and a content panel below that switches based on which tab is active. At least 3 tabs.

Only one panel should ever be visible at a time, and the active tab button should look visibly different from the inactive ones.

Check your work against

  • At least 3 tabs, each with its own distinct content panel
  • Clicking a tab shows its panel and hides the others
  • The active tab button is visually distinguished from inactive ones
  • Starts with one tab active by default (not a blank state)

There's no automated grading for UI challenges — self-check against this list, then compare with the solution preview.

Live preview