Introduction

The tabs widget is a container used to organize the content on your page. It is an excellent way to consolidate your page content so only the relevant items are displayed. The user has an easy navigation mechanism to activate content. The tabs widget can be applied in a larger navigational context, where the tabs widget is the main top-level container element for the page. It can also serve well as a smaller component for a specific page element, used to simply split two sections of content.

The tabs widget in the latest jQuery UI version offers the developer a cohesive set of options to tweak the behavior of the widget. We'll look at how we can combine these options, as well as how to get the most out of the navigational pieces of the tabs widget. We'll also explore applying effects to tab transitions, and making tabs sortable for the user.