5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>jQuery Mobile Collapsible Integration Test</title>
8 <script src="../../../js/jquery.js"></script>
9 <script src="../jquery.setNameSpace.js"></script>
10 <script src="../../../js/"></script>
11 <script src="../../jquery.testHelper.js"></script>
12 <link rel="stylesheet" href="../../../css/themes/default/" />
13 <link rel="stylesheet" href="../../../external/qunit.css"/>
14 <script src="../../../external/qunit.js"></script>
16 <script src="collapsible_core.js"></script>
18 <script src="../swarminject.js"></script>
22 <h1 id="qunit-header">jQuery Mobile Collapsible Integration Test</h1>
23 <h2 id="qunit-banner"></h2>
24 <h2 id="qunit-userAgent"></h2>
28 <div data-nstest-role="page" id='basic-collapsible-test'>
29 <div data-nstest-role="header">
30 <h1>Basic collapsible</h1>
32 <div data-nstest-role="content">
33 <div data-nstest-role="collapsible">
36 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
37 have the "collapsed" state; you need to expand the header to see me.</p>
40 <div data-nstest-role="collapsible" data-nstest-collapsed="false">
43 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
44 have the "collapsed" state; you need to expand the header to see me.</p>
50 <div data-nstest-role="page" id='basic-collapsible-set-test'>
51 <div data-nstest-role="header">
52 <h1>Basic collapsible</h1>
54 <div data-nstest-role="content">
55 <div data-nstest-role="collapsible-set">
56 <div data-nstest-role="collapsible">
59 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
60 have the "collapsed" state; you need to expand the header to see me.</p>
63 <div data-nstest-role="collapsible" data-nstest-collapsed="false">
66 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
67 have the "collapsed" state; you need to expand the header to see me.</p>
70 <div data-nstest-role="collapsible">
73 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
74 have the "collapsed" state; you need to expand the header to see me.</p>
81 <div data-nstest-role="page" id='collapsible-set-with-lonely-collapsible-test'>
82 <div data-nstest-role="header">
83 <h1>Basic collapsible</h1>
85 <div data-nstest-role="content">
86 <div data-nstest-role="collapsible-set">
87 <div data-nstest-role="collapsible" >
90 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
91 have the "collapsed" state; you need to expand the header to see me.</p>
95 <div data-nstest-role="collapsible" >
98 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
99 have the "collapsed" state; you need to expand the header to see me.</p>
104 <div data-nstest-role="page" id='collapsible-with-theming'>
105 <div data-nstest-role="header">
106 <h1>Themed collapsibles</h1>
108 <div data-nstest-role="content">
109 <div data-nstest-role="collapsible" data-nstest-theme="a">
112 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
113 have the "collapsed" state; you need to expand the header to see me.</p>
115 <div data-nstest-role="collapsible" data-nstest-theme="b" data-nstest-content-theme="b">
118 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
119 have the "collapsed" state; you need to expand the header to see me.</p>
121 <div data-nstest-role="collapsible" data-nstest-theme="c" data-nstest-content-theme="c" data-nstest-collapsed="false">
124 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
125 have the "collapsed" state; you need to expand the header to see me.</p>
131 <div data-nstest-role="page" id='collapsible-set-with-theming'>
132 <div data-nstest-role="header">
133 <h1>Themed collapsibles</h1>
135 <div data-nstest-role="content">
136 <div data-nstest-role="collapsible-set" data-nstest-theme="d" data-nstest-content-theme="d">
137 <div data-nstest-role="collapsible" data-nstest-theme="a">
140 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
141 have the "collapsed" state; you need to expand the header to see me.</p>
143 <div data-nstest-role="collapsible" data-nstest-theme="b" data-nstest-content-theme="b">
146 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
147 have the "collapsed" state; you need to expand the header to see me.</p>
149 <div data-nstest-role="collapsible" data-nstest-collapsed="false">
152 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
153 have the "collapsed" state; you need to expand the header to see me.</p>
155 <div data-nstest-role="collapsible">
158 <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
159 have the "collapsed" state; you need to expand the header to see me.</p>