source: main/trunk/greenstone3/web/interfaces/oran/js/jquery-ui-1.8rc1/tests/visual/compound/accordion_tabs.html@ 24245

Last change on this file since 24245 was 24245, checked in by sjb48, 13 years ago

Oran code for supporting format changes to document.
  • Property svn:executable set to *
File size: 2.4 KB
Line 
1<!doctype html>
2<html lang="en">
3<head>
4 <title>Compound Visual Test : Accordion in Tabs</title>
5 <link rel="stylesheet" href="../visual.css" type="text/css" />
6 <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
7 <script type="text/javascript" src="../../../jquery-1.4.1.js"></script>
8 <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
9 <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
10 <script type="text/javascript" src="../../../ui/jquery.ui.accordion.js"></script>
11 <script type="text/javascript" src="../../../ui/jquery.ui.tabs.js"></script>
12 <script type="text/javascript">
13 $(function() {
14 $('#tabs').tabs();
15 $('#accordion-1, #accordion-2').accordion();
16 });
17 </script>
18</head>
19<body>
20
21<div id="tabs">
22 <ul>
23 <li><a href="#tabs-1">First</a></li>
24 <li><a href="#tabs-2">Second</a></li>
25 </ul>
26 <div id="tabs-1">
27 <div id="accordion-1">
28 <h3><a href="#">Accordion Header 1</a></h3>
29 <div>
30 <p>Accordion Content 1</p>
31 <p>Accordion Content 1</p>
32 <p>Accordion Content 1</p>
33 <p>Accordion Content 1</p>
34 <p>Accordion Content 1</p>
35 </div>
36 <h3><a href="#">Accordion Header 2</a></h3>
37 <div>
38 <p>Accordion Content 2</p>
39 <p>Accordion Content 2</p>
40 <p>Accordion Content 2</p>
41 <p>Accordion Content 2</p>
42 <p>Accordion Content 2</p>
43 </div>
44 <h3><a href="#">Accordion Header 3</a></h3>
45 <div>
46 <p>Accordion Content 3</p>
47 <p>Accordion Content 3</p>
48 <p>Accordion Content 3</p>
49 <p>Accordion Content 3</p>
50 <p>Accordion Content 3</p>
51 </div>
52 </div>
53 </div>
54 <div id="tabs-2">
55 <div id="accordion-2">
56 <h3><a href="#">Accordion Header 1</a></h3>
57 <div>
58 <p>Accordion Content 1</p>
59 <p>Accordion Content 1</p>
60 <p>Accordion Content 1</p>
61 <p>Accordion Content 1</p>
62 <p>Accordion Content 1</p>
63 </div>
64 <h3><a href="#">Accordion Header 2</a></h3>
65 <div>
66 <p>Accordion Content 2</p>
67 <p>Accordion Content 2</p>
68 <p>Accordion Content 2</p>
69 <p>Accordion Content 2</p>
70 <p>Accordion Content 2</p>
71 </div>
72 <h3><a href="#">Accordion Header 3</a></h3>
73 <div>
74 <p>Accordion Content 3</p>
75 <p>Accordion Content 3</p>
76 <p>Accordion Content 3</p>
77 <p>Accordion Content 3</p>
78 <p>Accordion Content 3</p>
79 </div>
80 </div>
81 </div>
82</div>
83
84</body>
85</html>
Note: See TracBrowser for help on using the repository browser.