How to make split Jquery Mobile Layout for iPad?

Question

I really like the type of page shown here: http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/pages/docs-pages.html

But I cannot find in the source anything that says where the "Anatomy" or anything on how to get the navigation bar and content area.

How do I make/get the content area and navigation area like the one shown in the demo?

Answer 1

I'm also looking for a solution to this as it's a very useful layout for navigating records. But viewing the source is a headache since the structure isn't simlar enough to the API and there's a couple dozen css classes interacting with each other.

But i did discover a split-view plugin which might work: http://asyraf9.github.com/jquery-mobile/