corrade-http-templates – Blame information for rev 62
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
62 | office | 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 UI Accordion - Default functionality</title> |
||
7 | <link rel="stylesheet" href="../../themes/base/all.css"> |
||
8 | <link rel="stylesheet" href="../demos.css"> |
||
9 | <script src="../../external/requirejs/require.js"></script> |
||
10 | <script src="../bootstrap.js"> |
||
11 | $( "#accordion" ).accordion(); |
||
12 | </script> |
||
13 | </head> |
||
14 | <body> |
||
15 | |||
16 | <div id="accordion"> |
||
17 | <h3>Section 1</h3> |
||
18 | <div> |
||
19 | <p> |
||
20 | Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer |
||
21 | ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit |
||
22 | amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut |
||
23 | odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. |
||
24 | </p> |
||
25 | </div> |
||
26 | <h3>Section 2</h3> |
||
27 | <div> |
||
28 | <p> |
||
29 | Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet |
||
30 | purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor |
||
31 | velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In |
||
32 | suscipit faucibus urna. |
||
33 | </p> |
||
34 | </div> |
||
35 | <h3>Section 3</h3> |
||
36 | <div> |
||
37 | <p> |
||
38 | Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. |
||
39 | Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero |
||
40 | ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis |
||
41 | lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. |
||
42 | </p> |
||
43 | <ul> |
||
44 | <li>List item one</li> |
||
45 | <li>List item two</li> |
||
46 | <li>List item three</li> |
||
47 | </ul> |
||
48 | </div> |
||
49 | <h3>Section 4</h3> |
||
50 | <div> |
||
51 | <p> |
||
52 | Cras dictum. Pellentesque habitant morbi tristique senectus et netus |
||
53 | et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in |
||
54 | faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia |
||
55 | mauris vel est. |
||
56 | </p> |
||
57 | <p> |
||
58 | Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. |
||
59 | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per |
||
60 | inceptos himenaeos. |
||
61 | </p> |
||
62 | </div> |
||
63 | </div> |
||
64 | |||
65 | <div class="demo-description"> |
||
66 | <p> |
||
67 | Click headers to expand/collapse content that is broken into logical sections, much like tabs. |
||
68 | Optionally, toggle sections open/closed on mouseover. |
||
69 | </p> |
||
70 | <p> |
||
71 | The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is |
||
72 | usable without JavaScript. |
||
73 | </p> |
||
74 | </div> |
||
75 | </body> |
||
76 | </html> |