HTML Tabs

Summary

Switch between different content sections (aka "tabs") by clicking on the links.

Description

[Click here to see the demo.]

The navigation inside #df_tabs contains links to different sections of the page.

Each section (examples: #index, #gallery, #contact) is hidden, except for the default tab index. If no tab is selected the default tab (#index) is shown.

Clicking a link triggers CSS rules to display the content and hide the rest.