Collapse to Tabs

Eddard Stark

Has a sword named Ice
No direwolf
Lord of Winterfell

Jon Snow

Has a sword named Longclaw
Direwolf: Ghost
Knows nothing

Arya Stark

Has a sword named Needle
Direwolf: Nymeria
No one

Collapse to Accordions

Eddard Stark

Has a sword named Ice
No direwolf
Lord of Winterfell

Jon Snow

Has a sword named Longclaw
Direwolf: Ghost
Knows nothing

Arya Stark

Has a sword named Needle
Direwolf: Nymeria
No one
  • Tab and accordion markup sits IN the table in a logical position
  • Toggle either row or column depending on table content
  • Use 'display:none' to toggle for both visual users and screen readers