Can data-role=collapsible be made to work with a h2 tag inside a header block?

Currently when I attempt to use data-role=collapsible there is nothing left (no button, link or content). According to the documentations it uses a h1-h6 tag but mine is inside a html5 header block.

Should I forget abou开发者_C百科t the html5 semantics since this is a mobile site? Or should I attempt to make it work somehow, if so any ideas?

Link to docs: http://jquerymobile.com/demos/1.0a3/#docs/content/content-collapsible.html

Example of my current setup:

<article data-role="collapsible" data-collapsed="true">
  <header>
    <h2>Title</h2>
  </header>
  <div class="content">
    <!-- some data -->
  </div>
  <footer>
    <!-- some data -->
  </footer>
</article>

jQuery Mobile is built with progressive enhancement in mind, so it assumes you want your app to work in any device possible ("work" meaning just support basic features)

Try replacing your nicely named tags with DIVs and remove wrapper around H2. Should help.