CODEWITHSUNDEEP
javascriptjqueryjquery-uijquery-mobile
erginduran
erginduran

Reputation: 1682

jquery mobile collapsible listview doesnt work with li tags

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? enter image description here

Upvotes: 3

Views: 160

Answers (1)

Sga
Sga

Reputation: 3658

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

Upvotes: 1

Related Questions