Summary

The Tabs widget is an excellent way of saving space on your page by organizing related (or even completely unrelated) sections of content that can be shown or hidden, with simple click-input from your visitors. It also lends an air of interactivity to your site that can help improve the overall functionality and appeal of the page on which it is used.

Let's review what was covered in this chapter. We first looked at how, with just a little underlying HTML and a single line of jQuery-flavored JavaScript, we can implement the default Tabs widget.

We then saw how easy it is to add our own basic styling for the Tabs widget so that its appearance, but not its behavior, is altered. We already know that in addition to this, we can use a predesigned theme or create a completely new theme using ThemeRoller.

We then moved on, to look at the set of configurable options exposed by the tabs' API. With these, we can enable or disable different options that the widget supports, such as whether tabs...