Nested Lists in Jquery Mobile

jQuery Mobile will take nested lists and produce interactive views into which the user can drill down by tapping on individual items. The first view will consist of the items in the top-level list, and tapping on one of those items will display its sub-list, and so forth. The code for this is shown in Example 3-4; the resulting linked list. jQuery Mobile will automatically provide a back button and manage the URL mapping and transitions from page to page.

Nested List Example

Restaurants

French

Le Central
Bistro Vandome
Antoine's


Cajun and Creole

Bayou Bob's
Pappadeaux
Lucile's


American

Dixon's
Vesta Dipping Grill
Steuben's