符合ListView项目jquery移动

Question

是否有无论如何使用jQuery的移动渲染与列表视图中的列表项的手风琴？

下面的代码将不会呈现“第2条”当我添加一个ListView它

<div data-role="collapsible-set"> 
     <div data-role="collapsible" data-collapsed="false"> 
      <h3>Section 1</h3> 
      <p>I'm the collapsible content in a set so this feels like an accordion. I'm open by default because I have the <code>data-collapsed="false"</code> attribute.</p> 
     </div> 
     <div data-role="collapsible" data-collapsed="false"> 

    <ul data-role="listview" id="myAppsSectionGridTable"> 
    <li><a href="pa.aspx"> 
     <img src="images/gf.png" alt="" class="ui-li-icon">IT Change Controls<span class="ui-li-count"> 
      4</span> 
      </a> 
      </li> 
       <li><a href="pa.aspx"> 
     <img src="images/gf.png" alt="" class="ui-li-icon">Expense<span class="ui-li-count"> 
      8</span> 
      </a> 
      </li> 
       <li><a href="pa.aspx"> 
     <img src="images/gf.png" alt="" class="ui-li-icon">Seminar<span class="ui-li-count"> 
      6</span> 
      </a> 
      </li> 
       <li><a href="PendingApprovals.aspx"> 
     <img src="images/gf.png" alt="" class="ui-li-icon">Indirect PR<span class="ui-li-count"> 
      4</span> 
      </a> 
      </li> 
       <li><a href="pa.aspx"> 
     <img src="images/gf.png" alt="" class="ui-li-icon">PTO<span class="ui-li-count"> 
      2</span> 
      </a> 
      </li> 
</ul> 

 </div> 

Answer 1

想你的意思是这样的。

jsFiddle DEMO

Answer 2

这里是一个jQuery手风琴这是很容易使用和工程完全，我已经在一对夫妇的网站上使用过它。

http://docs.jquery.com/UI/Accordion