libs/js/jquery-mobile-1.0.1pre/tests/unit/collapsible/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <meta name="viewport" content="width=device-width, initial-scale=1">
   6         <title>jQuery Mobile Collapsible Integration Test</title>
   7
   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>
  15
  16         <script src="collapsible_core.js"></script>
  17
  18         <script src="../swarminject.js"></script>
  19 </head>
  20 <body>
  21
  22 <h1 id="qunit-header">jQuery Mobile Collapsible Integration Test</h1>
  23 <h2 id="qunit-banner"></h2>
  24 <h2 id="qunit-userAgent"></h2>
  25 <ol id="qunit-tests">
  26 </ol>
  27
  28 <div data-nstest-role="page" id='basic-collapsible-test'>
  29         <div data-nstest-role="header">
  30                 <h1>Basic collapsible</h1>
  31         </div>
  32         <div data-nstest-role="content">
  33                 <div data-nstest-role="collapsible">
  34                         <h3>Section A</h3>
  35
  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>
  38
  39                 </div>
  40                 <div data-nstest-role="collapsible" data-nstest-collapsed="false">
  41                         <h3>Section B</h3>
  42
  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>
  45
  46                 </div>
  47         </div>
  48 </div>
  49
  50 <div data-nstest-role="page" id='basic-collapsible-set-test'>
  51         <div data-nstest-role="header">
  52                 <h1>Basic collapsible</h1>
  53         </div>
  54         <div data-nstest-role="content">
  55                 <div data-nstest-role="collapsible-set">
  56                         <div data-nstest-role="collapsible">
  57                                 <h3>Section A</h3>
  58
  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>
  61
  62                         </div>
  63                         <div data-nstest-role="collapsible" data-nstest-collapsed="false">
  64                                 <h3>Section B</h3>
  65
  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>
  68
  69                         </div>
  70                         <div data-nstest-role="collapsible">
  71                                 <h3>Section C</h3>
  72
  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>
  75
  76                         </div>
  77                 </div>
  78         </div>
  79 </div>
  80
  81 <div data-nstest-role="page" id='collapsible-set-with-lonely-collapsible-test'>
  82         <div data-nstest-role="header">
  83                 <h1>Basic collapsible</h1>
  84         </div>
  85         <div data-nstest-role="content">
  86                 <div data-nstest-role="collapsible-set">
  87                         <div data-nstest-role="collapsible" >
  88                                 <h3>Section D</h3>
  89
  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>
  92                         </div>
  93                 </div>
  94
  95                 <div data-nstest-role="collapsible" >
  96                         <h3>Section E</h3>
  97
  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>
 100                 </div>
 101         </div>
 102 </div>
 103
 104 <div data-nstest-role="page" id='collapsible-with-theming'>
 105         <div data-nstest-role="header">
 106                 <h1>Themed collapsibles</h1>
 107         </div>
 108         <div data-nstest-role="content">
 109                 <div data-nstest-role="collapsible" data-nstest-theme="a">
 110                         <h3>Section A</h3>
 111
 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>
 114                 </div>
 115                 <div data-nstest-role="collapsible" data-nstest-theme="b" data-nstest-content-theme="b">
 116                         <h3>Section B</h3>
 117
 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>
 120                 </div>
 121                 <div data-nstest-role="collapsible" data-nstest-theme="c" data-nstest-content-theme="c" data-nstest-collapsed="false">
 122                         <h3>Section B</h3>
 123
 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>
 126                 </div>
 127
 128         </div>
 129 </div>
 130
 131 <div data-nstest-role="page" id='collapsible-set-with-theming'>
 132         <div data-nstest-role="header">
 133                 <h1>Themed collapsibles</h1>
 134         </div>
 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">
 138                                 <h3>Section A</h3>
 139
 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>
 142                         </div>
 143                         <div data-nstest-role="collapsible" data-nstest-theme="b" data-nstest-content-theme="b">
 144                                 <h3>Section B</h3>
 145
 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>
 148                         </div>
 149                         <div data-nstest-role="collapsible" data-nstest-collapsed="false">
 150                                 <h3>Section C</h3>
 151
 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>
 154                         </div>
 155                         <div data-nstest-role="collapsible">
 156                                 <h3>Section D</h3>
 157
 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>
 160                         </div>
 161                 </div>
 162
 163         </div>
 164 </div>
 165
 166 </body>
 167 </html>