If we have a large amount of information to present that might not be relevant to all site visitors, we can compress the amount of space the information takes by hiding selected bits of information until the user requests it. One of the most common ways of making all the information available but hidden until requested is tabs. Tabs echo the real-world example of a tabbed notebook or labeled folders in a filing cabinet, and are easy for site visitors to understand. Believe it or not, they're also easy to implement with jQuery.

The following screenshot gives us an idea of what our page will look like after we've created our tabs: