我正在尝试创建一个默认隐藏的侧面菜单面板。如果点击菜单按钮,页面幻灯片显示隐藏的菜单。 facebook-ish排序。我遇到的问题是菜单会出现但只有标题栏被推到而不是页面的其余部分。
以下是html pastebin:http://pastebin.com/zyEU6mb7和CSS:http://pastebin.com/yFHzdMU1
感谢您的帮助。
答案 0 :(得分:5)
网页内容应位于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>