O'Reilly logo

Pro jQuery Mobile by Brad Broulik

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Collapsible Content Blocks

Do you ever find yourself scrolling repeatedly to view the contents of an entire mobile page? Although this may be a good workout for your finger it can be a cumbersome user experience when users must scroll repeatedly. If you are looking for a more usable alternative, you may want to consider grouping your content into collapsible content blocks.

TIP: Collapsible content blocks have several advantages when compared to an inline page structure. First, we can collapse content into segmented groups to make them all visible within a single view (see Figure 6–10). And secondly, our users will be more efficient because we have eliminated scrolling from the user experience.

Figure 6–10. Content block (all blocks collapsed) ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required