Progressively Enhanced Tab Control

This page shows an example tab control that uses best-practice progressive enhancement techniques. It works without CSS or JavaScript.

Tab 1 Content

This example uses progressive enhancement techniques to create a tabbed content box.

Tab 2 Content

The control will work without CSS and JavaScript if necessary. Even a text-only browser such as Lynx will work.

Tab 3 Content

For the best experience, users should use IE6+, Firefox 2+, Opera 9+, Safari 3+ or Chrome 1+ and have JavaScript enabled.

These links will also activate the tabbed content: view tab 1, view tab 2, view tab 3.

This example has been created by Craig Buckler of for

For more information and implementation instructions, please view the SitePoint articles:

Please use the code at your own risk. It is provided as-is without warrranty of any kind.