Панель jQuery Moblile не нажимает на страницу за

Question

Я пытаюсь сделать панель меню, которая по умолчанию скрыта. Если кнопка меню нажата, слайды страницы отображают скрытое меню. Тип facebook-ish. Проблема, с которой я сталкиваюсь, заключается в том, что появится меню, но только верхняя панель переместится не на остальную часть страницы.

Вот HTML Pastebin: http://pastebin.com/zyEU6mb7 и CSS: http://pastebin.com/yFHzdMU1

Спасибо за помощь.

Answer 1

содержимое страницы должно идти под DIV с data-role="content"

Demo

<div data-role="content"> 
<div data-role="collapsible-set" data-inset="false" id="homepageAccordian"> 
    <!-- Crew List --> 
    <div data-role="collapsible"> 
    <h3>Crew</h3> 
     <ul data-role="listview" data-inset="false"> 
     <li>Crew #1</li> 
     <li>Crew #2</li> 
     <li>Crew #3</li> 
     <li>Crew #4</li> 
     </ul> 
     </div> 
     <!-- Last Ten --> 
     <div data-role="collapsible"> 
     <h3>Open Calls</h3> 
     <ul data-role="listview" data-inset="false"> 
     <li>Call #1</li> 
     <li>Call #2</li> 
     <li>Call #3</li> 
     <li>Call #4</li> 
     </ul> 
     </div> 
    </div> 
</div>