From the course: Learning jQuery UI
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The Tabs control
- Let’s finish up this chapter by taking a look at the jQuery UI tabs control. The tabs control is very similar to the according control and that it displays information in different sections. Here in the snippets, I've scrolled down to the tab section and let's open up tabs_start. Before we make any changes, let's just scroll through this document. You can see that I've got a div here with an ID of tab control on it. The way that jQuery UI constructs tab controls is by looking for a container with a given ID. It has to have an unordered list or an ordered list, doesn't really matter. Inside the list you're going to have list items that correspond to each one of the tabs. This is what we'll use to build the actual tabs themselves. Inside each list item, there is a link that has an href with a named anchor that points to each one of the tabs along with the text that will appear in the title of each tab. Here I've got four tabs and you can see as I scroll down to the document, I've got…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.