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> |