This course is out of date and does not reflect our standards or industry best practices. We now recommend you take the Complete Intro to Web Development, v3 course.

Check out a free preview of the full jQuery Plugins and jQuery UI course:
The "Tabs Widget" Lesson is part of the full, jQuery Plugins and jQuery UI course featured in this preview video. Here's what you'd learn in this lesson:

Similar to “accordion”, “tabs” is paired and uses headers to link each to the panel using an “a-element” with a “hash-href” attribute. Unlike “accordion”, “tabs” supports loading the content of a panel through ajax, either each time a panel is opened, or just the first time. Dynamic content on the client side can be called to refresh the method any time after adding new content to the base markup. Note: Nesting tabs generally works, however, it can get confusing when nested tabs trigger events to the parent “tabs” widget. Nesting example: Demonstrated by heavily-nested “draggable”, within an “accordion”, within an “accordion”, within “tabs”, within a “dialog”, which is also “draggable”.

Get Unlimited Access Now