1 <div data-role="page" id="genlist-expandable" data-add-back-btn="true">
2 <div data-role="header" data-position="fixed">
3 <h1>expandable list</h1>
5 <div data-role="content">
6 <ul data-role="listview">
7 <li class="ui-li-1line ui-li-dialogue" data-expandable="true" id="exp1" data-initial-expansion="true">1line</li>
8 <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 1</li>
9 <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 2</li>
10 <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 3</li>
11 <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 4</li>
12 <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 5</li>
13 <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 6</li>
14 <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 7</li>
15 <li data-expanded-by="exp1" data-expandable="true" id="exp2">exp1-sub 2 (exp2)</li>
16 <li class="ui-li-1line" data-expanded-by="exp2">exp2-sub 1</li>
17 <li class="ui-li-1line" data-expanded-by="exp2">exp2-sub 2</li>
18 <li class="ui-li-1line" data-expanded-by="exp2">exp2-sub 3</li>
19 <li class="ui-li-2line ui-li-dialogue" data-expandable="true" id="exp3">
20 <span class="ui-li-text-main">2line</span>
21 <span class="ui-li-text-sub">Subtext</span>
23 <li class="ui-li-2line-sub-main ui-li-dialogue" data-expandable="true" id="exp4">
24 <span class="ui-li-text-main">2line-sub-main</span>
25 <span class="ui-li-text-sub">Subtext</span>
27 <li class="ui-li-2line-radio1 ui-li-dialogue" data-expandable="true" id="exp5">
28 <span class="ui-li-text-main">2line-radio1</span>
29 <span class="ui-li-text-sub">Subtext</span>
30 <form><input type="radio" /></form>
32 <li class="ui-li-2line-colorbar3" data-expandable="true" id="exp6">
33 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
34 <span class="ui-li-text-main">2line-colorbar3</span>
35 <span class="ui-li-text-sub">Subtext</span>
36 <!-- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div> -->
37 <img src="thumbnail.jpg" class="ui-li-bigicon">
43 <div data-role="footer">