Chapter 7. Interacting with Widgets

Now that you’ve been introduced to the basics of user interaction with the help of jQuery UI, in this chapter you’ll learn about a set of components with a more specific HTML structure. Accordions, tabs, auto-complete suggestions, date pickers, buttons, sliders, dialogs, and progress bars are part of the widgets that are included in jQuery UI.

Widgets are jQuery UI components that require more specific HTML as input and can generate more complex HTML structures as an output.

Recipe: Grouping Content by Using the Accordion

Listing 7.1 introduces the accordion widget, with which you can group content under headers and show only a single selected group at a time. Clicking another header closes the current group ...

Get jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.