jquery mobile collapsible listview doesnt work with li tags

Question

I tried collapsible listview but does not work why? such as:

<div data-role="collapsible" data-content-theme="c">
   <h3>LIST</h3>
  <ul>
     <li><a href="#">A</a></li>
     <li><a href="#">b</a></li>
     <li><a href="#">c</a></li>
  </ul>
</div>

if click the header,should be open the other 'li' tags.how can i do that?

Answer 1

I think you need a collapsibleset:

<div data-role="collapsibleset">
    <div data-role="collapsible">
        <h2>List</h2>   
        <ul data-role="listview">
          <li><a href="#">A</a></li>
          <li><a href="#">b</a></li>
          <li><a href="#">c</a></li>
        </ul>
     </div>
</div>

JSFiddle