Skip to content

Commit 303f20e

Browse files
scottgonzalezscottgonzalez
committed
Demos: Cleanup.
1 parent 9e259c6 commit 303f20e

167 files changed

Lines changed: 731 additions & 2542 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎demos/accordion/collapsible.html‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
@@ -19,8 +19,6 @@
1919
</head>
2020
<body>
2121

22-
<div class="demo">
23-
2422
<div id="accordion">
2523
<h3>Section 1</h3>
2624
<div>
@@ -45,13 +43,8 @@ <h3>Section 4</h3>
4543
</div>
4644
</div>
4745

48-
</div><!-- End demo -->
49-
50-
51-
5246
<div class="demo-description">
5347
<p>By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the <code>collapsible</code> option to true. Click on the currently open section to collapse its content pane.</p>
54-
</div><!-- End demo-description -->
55-
48+
</div>
5649
</body>
5750
</html>

‎demos/accordion/custom-icons.html‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
@@ -31,8 +31,6 @@
3131
</head>
3232
<body>
3333

34-
<div class="demo">
35-
3634
<div id="accordion">
3735
<h3>Section 1</h3>
3836
<div>
@@ -59,13 +57,8 @@ <h3>Section 4</h3>
5957

6058
<button id="toggle">Toggle icons</button>
6159

62-
</div><!-- End demo -->
63-
64-
65-
6660
<div class="demo-description">
6761
<p>Customize the header icons with the <code>icons</code> option, which accepts classes for the header's default and active (open) state. Use any class from the UI CSS framework, or create custom classes with background images.</p>
68-
</div><!-- End demo-description -->
69-
62+
</div>
7063
</body>
7164
</html>

‎demos/accordion/default.html‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
@@ -17,8 +17,6 @@
1717
</head>
1818
<body>
1919

20-
<div class="demo">
21-
2220
<div id="accordion">
2321
<h3>Section 1</h3>
2422
<div>
@@ -68,8 +66,6 @@ <h3>Section 4</h3>
6866
</div>
6967
</div>
7068

71-
</div><!-- End demo -->
72-
7369
<div class="demo-description">
7470
<p>
7571
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
@@ -79,7 +75,6 @@ <h3>Section 4</h3>
7975
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
8076
usable without JavaScript.
8177
</p>
82-
</div><!-- End demo-description -->
83-
78+
</div>
8479
</body>
8580
</html>

‎demos/accordion/fillspace.html‎

Lines changed: 33 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
@@ -11,14 +11,21 @@
1111
<script src="../../ui/jquery.ui.resizable.js"></script>
1212
<script src="../../ui/jquery.ui.accordion.js"></script>
1313
<link rel="stylesheet" href="../demos.css">
14+
<style>
15+
#accordion-resizer {
16+
padding: 10px;
17+
width: 350px;
18+
height: 220px;
19+
}
20+
</style>
1421
<script>
1522
$(function() {
1623
$( "#accordion" ).accordion({
1724
heightStyle: "fill"
1825
});
1926
});
2027
$(function() {
21-
$( "#accordionResizer" ).resizable({
28+
$( "#accordion-resizer" ).resizable({
2229
minHeight: 140,
2330
minWidth: 200,
2431
resize: function() {
@@ -30,48 +37,36 @@
3037
</head>
3138
<body>
3239

33-
<div class="demo">
34-
3540
<h3 class="docs">Resize the outer container:</h3>
36-
37-
<div id="accordionResizer" style="padding:10px; width:350px; height:220px;" class="ui-widget-content">
3841

39-
<div id="accordion">
40-
<h3>Section 1</h3>
41-
<div>
42-
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
43-
</div>
44-
<h3>Section 2</h3>
45-
<div>
46-
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
47-
</div>
48-
<h3>Section 3</h3>
49-
<div>
50-
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
51-
<ul>
52-
<li>List item one</li>
53-
<li>List item two</li>
54-
<li>List item three</li>
55-
</ul>
56-
</div>
57-
<h3>Section 4</h3>
58-
<div>
59-
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
42+
<div id="accordion-resizer" class="ui-widget-content">
43+
<div id="accordion">
44+
<h3>Section 1</h3>
45+
<div>
46+
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
47+
</div>
48+
<h3>Section 2</h3>
49+
<div>
50+
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
51+
</div>
52+
<h3>Section 3</h3>
53+
<div>
54+
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
55+
<ul>
56+
<li>List item one</li>
57+
<li>List item two</li>
58+
<li>List item three</li>
59+
</ul>
60+
</div>
61+
<h3>Section 4</h3>
62+
<div>
63+
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
64+
</div>
6065
</div>
6166
</div>
6267

63-
<span class="ui-icon ui-icon-grip-dotted-horizontal" style="margin:2px auto;"></span>
64-
</div><!-- End accordionResizer -->
65-
66-
<div style="margin-top:7px; padding:10px; width:350px; height:50px;" class="ui-widget-content">I'm another panel</div>
67-
68-
</div><!-- End demo -->
69-
70-
71-
7268
<div class="demo-description">
7369
<p>Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the <code>heightStyle</code> option to <code>"fill"</code>, and the script will automatically set the dimensions of the accordion to the height of its parent container.</p>
74-
</div><!-- End demo-description -->
75-
70+
</div>
7671
</body>
7772
</html>

‎demos/accordion/hoverintent.html‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -70,8 +70,6 @@
7070
</head>
7171
<body>
7272

73-
<div class="demo">
74-
7573
<div id="accordion">
7674
<h3>Section 1</h3>
7775
<div>
@@ -121,8 +119,6 @@ <h3>Section 4</h3>
121119
</div>
122120
</div>
123121

124-
</div><!-- End demo -->
125-
126122
<div class="demo-description">
127123
<p>
128124
Click headers to expand/collapse content that is broken into logical sections, much like tabs.
@@ -132,7 +128,6 @@ <h3>Section 4</h3>
132128
The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is
133129
usable without JavaScript.
134130
</p>
135-
</div><!-- End demo-description -->
136-
131+
</div>
137132
</body>
138133
</html>

‎demos/accordion/index.html‎

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,20 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
55
<title>jQuery UI Accordion Demos</title>
6-
<link rel="stylesheet" href="../demos.css">
76
</head>
87
<body>
98

10-
<div class="demos-nav">
11-
<h4>Examples</h4>
12-
<ul>
13-
<li class="demo-config-on"><a href="default.html">Default functionality</a></li>
14-
<li><a href="fillspace.html">Fill space</a></li>
15-
<li><a href="no-auto-height.html">No auto height</a></li>
16-
<li><a href="collapsible.html">Collapse content</a></li>
17-
<li><a href="hoverintent.html">Open on hoverintent</a></li>
18-
<li><a href="custom-icons.html">Customize icons</a></li>
19-
<li><a href="sortable.html">Sortable</a></li>
20-
</ul>
21-
</div>
9+
<ul>
10+
<li><a href="default.html">Default functionality</a></li>
11+
<li><a href="fillspace.html">Fill space</a></li>
12+
<li><a href="no-auto-height.html">No auto height</a></li>
13+
<li><a href="collapsible.html">Collapse content</a></li>
14+
<li><a href="hoverintent.html">Open on hoverintent</a></li>
15+
<li><a href="custom-icons.html">Customize icons</a></li>
16+
<li><a href="sortable.html">Sortable</a></li>
17+
</ul>
2218

2319
</body>
2420
</html>

‎demos/accordion/no-auto-height.html‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
@@ -19,8 +19,6 @@
1919
</head>
2020
<body>
2121

22-
<div class="demo">
23-
2422
<div id="accordion">
2523
<h3>Section 1</h3>
2624
<div>
@@ -45,13 +43,8 @@ <h3>Section 3</h3>
4543
</div>
4644
</div>
4745

48-
</div><!-- End demo -->
49-
50-
51-
5246
<div class="demo-description">
5347
<p>Setting <code>heightStyle: "content"</code> allows the accordion panels to keep their native height.</p>
54-
</div><!-- End demo-description -->
55-
48+
</div>
5649
</body>
5750
</html>

‎demos/accordion/sortable.html‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
@@ -35,8 +35,6 @@
3535
</head>
3636
<body>
3737

38-
<div class="demo">
39-
4038
<div id="accordion">
4139
<div class="group">
4240
<h3>Section 1</h3>
@@ -69,13 +67,8 @@ <h3>Section 4</h3>
6967
</div>
7068
</div>
7169

72-
</div><!-- End demo -->
73-
74-
75-
7670
<div class="demo-description">
7771
<p>Drag the header to re-order panels.</p>
78-
</div><!-- End demo-description -->
79-
72+
</div>
8073
</body>
8174
</html>

‎demos/addClass/default.html‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
@@ -30,8 +30,6 @@
3030
</head>
3131
<body>
3232

33-
<div class="demo">
34-
3533
<div class="toggler">
3634
<div id="effect" class="ui-corner-all">
3735
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
@@ -40,13 +38,8 @@
4038

4139
<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
4240

43-
</div><!-- End demo -->
44-
45-
46-
4741
<div class="demo-description">
4842
<p>This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size.</p>
49-
</div><!-- End demo-description -->
50-
43+
</div>
5144
</body>
5245
</html>

‎demos/addClass/index.html‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,14 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
55
<title>jQuery UI Effects Demos</title>
6-
<link rel="stylesheet" href="../demos.css">
76
</head>
87
<body>
98

10-
<div class="demos-nav">
11-
<h4>Examples</h4>
12-
<ul>
13-
<li class="demo-config-on"><a href="default.html">Default functionality</a></li>
14-
</ul>
15-
</div>
9+
<ul>
10+
<li><a href="default.html">Default functionality</a></li>
11+
</ul>
1612

1713
</body>
1814
</html>

0 commit comments

Comments
 (0)