| /instantMessage/node_modules/jquery-ui/tests/unit/accordion/accordion.html |
|---|
| @@ -0,0 +1,131 @@ |
|---|
| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <title>jQuery UI Accordion Test Suite</title> |
| |
| <script src="../../../external/requirejs/require.js"></script> |
| <script src="../../lib/css.js" data-modules="core accordion"></script> |
| <script src="../../lib/bootstrap.js" data-widget="accordion"></script> |
| <style> |
| #list, #list1 *, #navigation, #navigation *, #collapsible, #collapsible * { |
| margin: 0; |
| padding: 0; |
| font-size: 12px; |
| line-height: 15px; |
| } |
| #collapsibleWrapper { |
| width: 300px; |
| float: left; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="qunit"></div> |
| <div id="qunit-fixture"> |
| |
| <div id="list1" class="foo"> |
| <h3 class="bar">There is one obvious advantage:</h3> |
| <div class="foo"> |
| <p> |
| You've seen it coming! |
| <br> |
| Buy now and get nothing for free! |
| <br> |
| Well, at least no free beer. Perhaps a bear, if you can afford it. |
| </p> |
| </div> |
| <h3 class="bar">Now that you've got...</h3> |
| <div class="foo"> |
| <p> |
| your bear, you have to admit it! |
| <br> |
| No, we aren't <a href="#">selling bears</a>. |
| </p> |
| <p> |
| We could talk about renting one. |
| </p> |
| </div> |
| <h3 class="bar">Rent one bear, ...</h3> |
| <div class="foo"> |
| <p> |
| get two for three beer. |
| </p> |
| <p> |
| And now, for something completely different. |
| </p> |
| </div> |
| </div> |
| |
| <div id="navigationWrapper"> |
| <ul id="navigation"> |
| <li> |
| <h2><a href="?p=1.1.1">Guitar</a></h2> |
| <ul> |
| <li><a href="?p=1.1.1.1">Electric</a></li> |
| <li><a href="?p=1.1.1.2">Acoustic</a></li> |
| <li><a href="?p=1.1.1.3">Amps</a></li> |
| <li><a href="?p=1.1.1.4">Effects</a></li> |
| <li><a href="?p=1.1.1.5">Accessories</a></li> |
| </ul> |
| </li> |
| <li> |
| <h2><a href="?p=1.1.2"><span>Bass</span></a></h2> |
| <ul> |
| <li><a href="?p=1.1.2.1">Electric</a></li> |
| <li><a href="?p=1.1.2.2">Acoustic</a></li> |
| <li><a href="?p=1.1.2.3">Amps</a></li> |
| <li><a href="?p=1.1.2.4">Effects</a></li> |
| <li><a href="?p=1.1.2.5">Accessories</a></li> |
| <li><a href="?p=1.1.2.5">Accessories</a></li> |
| <li><a href="?p=1.1.2.5">Accessories</a></li> |
| </ul> |
| </li> |
| <li> |
| <h2><a href="?p=1.1.3">Drums</a></h2> |
| <ul> |
| <li><a href="?p=1.1.3.2">Acoustic</a></li> |
| <li><a href="?p=1.1.3.3">Electronic</a></li> |
| <li><a href="?p=1.1.3.6">Accessories</a></li> |
| </ul> |
| </li> |
| </ul> |
| </div> |
| |
| <dl id="accordion-dl"> |
| <dt> |
| Accordion Header 1 |
| </dt> |
| <dd> |
| Accordion Content 1 |
| </dd> |
| <dt> |
| Accordion Header 2 |
| </dt> |
| <dd> |
| Accordion Content 2 |
| </dd> |
| <dt> |
| Accordion Header 3 |
| </dt> |
| <dd> |
| Accordion Content 3 |
| </dd> |
| </dl> |
| |
| <div id="collapsibleWrapper"> |
| <div id="collapsible"> |
| <h3>Header</h3> |
| <div> |
| <p> |
| The calculated height of this accordion should be the same |
| regardless of whether the accordion was collapsed or not |
| when the height was calculated. |
| </p> |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| </body> |
| </html> |
