third-party/jquery-ui-1.10.2/tests/unit/accordion/accordion.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>jQuery UI Accordion Test Suite</title>
   6
   7         <script src="../../jquery.js"></script>
   8         <link rel="stylesheet" href="../../../external/qunit.css">
   9         <script src="../../../external/qunit.js"></script>
  10         <script src="../../jquery.simulate.js"></script>
  11         <script src="../testsuite.js"></script>
  12         <script>
  13         TestHelpers.loadResources({
  14                 css: [ "ui.core", "ui.accordion" ],
  15                 js: [
  16                         "ui/jquery.ui.core.js",
  17                         "ui/jquery.ui.widget.js",
  18                         "ui/jquery.ui.accordion.js"
  19                 ]
  20         });
  21         </script>
  22
  23         <script src="accordion_test_helpers.js"></script>
  24         <script src="accordion_common.js"></script>
  25         <script src="accordion_core.js"></script>
  26         <script src="accordion_events.js"></script>
  27         <script src="accordion_methods.js"></script>
  28         <script src="accordion_options.js"></script>
  29
  30         <script src="../swarminject.js"></script>
  31         <style>
  32         #list, #list1 *, #navigation, #navigation * {
  33                 margin: 0;
  34                 padding: 0;
  35                 font-size: 12px;
  36                 line-height: 15px;
  37         }
  38         /* avoid IE7 oscillating between overflow visible and scroll values */
  39         #list1 > div {
  40                 overflow: visible;
  41         }
  42         </style>
  43 </head>
  44 <body>
  45 <h1 id="qunit-header">jQuery UI Accordion Test Suite</h1>
  46 <h2 id="qunit-banner"></h2>
  47 <div id="qunit-testrunner-toolbar"></div>
  48 <h2 id="qunit-userAgent"></h2>
  49 <ol id="qunit-tests"></ol>
  50 <div id="qunit-fixture">
  51
  52 <div id="list1" class="foo">
  53         <h3 class="bar">There is one obvious advantage:</h3>
  54         <div class="foo">
  55                 <p>
  56                         You've seen it coming!
  57                         <br>
  58                         Buy now and get nothing for free!
  59                         <br>
  60                         Well, at least no free beer. Perhaps a bear, if you can afford it.
  61                 </p>
  62         </div>
  63         <h3 class="bar">Now that you've got...</h3>
  64         <div class="foo">
  65                 <p>
  66                         your bear, you have to admit it!
  67                         <br>
  68                         No, we aren't <a href="#">selling bears</a>.
  69                 </p>
  70                 <p>
  71                         We could talk about renting one.
  72                 </p>
  73         </div>
  74         <h3 class="bar">Rent one bear, ...</h3>
  75         <div class="foo">
  76                 <p>
  77                         get two for three beer.
  78                 </p>
  79                 <p>
  80                         And now, for something completely different.
  81                 </p>
  82         </div>
  83 </div>
  84
  85 <div id="navigationWrapper">
  86         <ul id="navigation">
  87                 <li>
  88                         <h2><a href="?p=1.1.1">Guitar</a></h2>
  89                         <ul>
  90                                 <li><a href="?p=1.1.1.1">Electric</a></li>
  91                                 <li><a href="?p=1.1.1.2">Acoustic</a></li>
  92                                 <li><a href="?p=1.1.1.3">Amps</a></li>
  93                                 <li><a href="?p=1.1.1.4">Effects</a></li>
  94                                 <li><a href="?p=1.1.1.5">Accessories</a></li>
  95                         </ul>
  96                 </li>
  97                 <li>
  98                         <h2><a href="?p=1.1.2"><span>Bass</span></a></h2>
  99                         <ul>
 100                                 <li><a href="?p=1.1.2.1">Electric</a></li>
 101                                 <li><a href="?p=1.1.2.2">Acoustic</a></li>
 102                                 <li><a href="?p=1.1.2.3">Amps</a></li>
 103                                 <li><a href="?p=1.1.2.4">Effects</a></li>
 104                                 <li><a href="?p=1.1.2.5">Accessories</a></li>
 105                                 <li><a href="?p=1.1.2.5">Accessories</a></li>
 106                                 <li><a href="?p=1.1.2.5">Accessories</a></li>
 107                         </ul>
 108                 </li>
 109                 <li>
 110                         <h2><a href="?p=1.1.3">Drums</a></h2>
 111                         <ul>
 112                                 <li><a href="?p=1.1.3.2">Acoustic</a></li>
 113                                 <li><a href="?p=1.1.3.3">Electronic</a></li>
 114                                 <li><a href="?p=1.1.3.6">Accessories</a></li>
 115                         </ul>
 116                 </li>
 117         </ul>
 118 </div>
 119
 120 <dl id="accordion-dl">
 121         <dt>
 122                 Accordion Header 1
 123         </dt>
 124         <dd>
 125                 Accordion Content 1
 126         </dd>
 127         <dt>
 128                 Accordion Header 2
 129         </dt>
 130         <dd>
 131                 Accordion Content 2
 132         </dd>
 133         <dt>
 134                 Accordion Header 3
 135         </dt>
 136         <dd>
 137                 Accordion Content 3
 138         </dd>
 139 </dl>
 140
 141 </div>
 142 </body>
 143 </html>