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 Optimalworks.net for SitePoint.com.

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.