From the course: jQuery Mobile Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Working with collapsible sets

Working with collapsible sets - jQuery Mobile Tutorial

From the course: jQuery Mobile Essential Training

Start my 1-month free trial

Working with collapsible sets

A close relative of the collapsible block is the collapsible set. And collapsible sets take collapsible blocks, and group them together so that they can work together in unison. You've probably seen these before, and seen them called something like accordion controls, or something similar. So. That's what we're going to take a look at now. Here in the example snippets code I have scrolled down to the collapsible sets section so let's go ahead and in chapter 6 open up collapsed sets _start. and let's take the snippets and we'll copy this entire block of code right here and paste it over into the starting document. And we'll paste it down here in the div with the class of ui content and let's Save. Okay, so what I'm doing here is, on this line, I'm defining a div as a layout container and the data roll attribute is set to be a collapsible set and it's inside this container I've got other layout containers. In this case, I'm using divs. So, let's take a look at this one right here. You…

Contents