O'Reilly logo

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile by David Karlins

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

Designing Mobile Pages with collapsible blocks

jQuery Mobile Pages, as you saw in the previous chapter (Chapter 7, Creating Mobile Pages with jQuery Mobile), essentially create the sense of navigating from page to page while relying on JavaScript to actually display and hide content. That is the technique used in the sample jQuery Mobile pages generated in Dreamweaver.

Expandable blocks operate on a similar principle—they show and hide content depending on a visitor's actions. However, with expandable panels, this takes place through sections of the page appearing to expand or shrink, as shown in the following screenshot:

Designing Mobile Pages with collapsible blocks

Building a collapsible block ...

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