- 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 divs…that represent each one of the tab sections.…
Skill Level Beginner
1. Basic jQuery UI Widgets
2. Advanced jQuery UI Widgets
3. Behaviors and Effects
4. jQuery UI Utilities
Next steps1m 8s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.