[jquery mobile] listview accordion Plugin to use with list-divider role optional

[jquery mobile] listview accordion Plugin to use with list-divider role optional

jquery mobile listview accordion Plugin

1. import these file

  1. <script type="text/javascript" src="js/ext/jquery.mobile.listview.accordion.js"></script>
  2. <link rel="stylesheet" href="js/ext/jquery.mobile.listview.accordion.css"/>

2.Format the accordion accordingly

  1.     <ul data-role="listview" id="listView">
  2.      <li data-role="list-divider" class="ui-li-accordion-head">Title name</li>
  3.     <li>
  4.      <div class="ui-li-accordion">
  5.       <li>contents1</li>
  6.       <li>contents2</li>
  7.       <li>contents3</li>
  8.      </div>
  9.     </li>
  10.    </ul>1

3.If you don't want list-divider Style, JUST REMOVE IT!

  1. <li class="ui-li-accordion-head">Title name</li>
  2.