在Jquery移动可折叠集中更改标头

Question

所以我正在尝试为手风琴创建一个自定义的可折叠标题 http://jquerymobile.com/demos/1.0b3/docs/content/content-collapsible-set.html 我希望标题看起来像什么

<div data-role="collapsible-set">

    <div data-role="collapsible" data-collapsed="false">
    <div id="header">
<h3>Section 1</h3>
    <p>I am Part of a Header</p>
    </div>
    </div>

</div>

现在它似乎只有在h3是第一个孩子时才会起作用。我有办法做我想做的事吗？

Answer 1

尝试这样的事情：

<div data-role="collapsible-set">
  <div data-role="collapsible" data-collapsed="false">
    <h3>
       <div class="header">Section 1</div>
       <div class="subheader">I am Part of a Header</div>
    </h3>
  </div>
</div>

除非你做一些js hackery，否则你将无法绕过h3不能被包裹的事实。这可能是一个坏主意。