Now that we've been formally introduced to the jQuery UI library, we can move on to begin looking at the components included in the library. Over the next six chapters, we'll be looking at the widgets provided by the library. These widgets are a set of visually engaging, highly configurable user interface widgets built on top of the foundation provided by the low-level interaction helpers.
The UI tabs widget is used to toggle visibility across a set of different elements; each element containing content can be accessed by clicking on its heading which appears as an individual tab. Each element, or section of content, has a tab that it is associated with and only one of these content sections may be open at a time.
The following image shows the different components of a set of UI tabs:
In this chapter, we will look at the following subjects:
The default implementation of the widget
How to style a set of tabs
Configuring tabs using their properties
Built-in transition effects for...