source: main/trunk/greenstone3/web/interfaces/oran/js/jquery-ui-1.8rc1/tests/visual/compound/sortable_accordion_sortable_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.8 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.mouse.js"></script>
11 <script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
12 <script type="text/javascript" src="../../../ui/jquery.ui.accordion.js"></script>
13 <script type="text/javascript" src="../../../ui/jquery.ui.tabs.js"></script>
14 <script type="text/javascript">
15 $(function() {
16 $( "#accordion-1, #accordion-2" )
17 .accordion({
18 header: "> div > h3"
19 })
20 .sortable();
21
22 $( "#tabs" )
23 .tabs()
24 .find( ".ui-tabs-nav" )
25 .sortable();
26 });
27 </script>
28</head>
29<body>
30
31<div id="tabs">
32 <ul>
33 <li><a href="#tabs-1">First</a></li>
34 <li><a href="#tabs-2">Second</a></li>
35 </ul>
36 <div id="tabs-1">
37 <div id="accordion-1">
38 <div>
39 <h3><a href="#">Accordion Header 1</a></h3>
40 <div>
41 <p>Accordion Content 1</p>
42 <p>Accordion Content 1</p>
43 <p>Accordion Content 1</p>
44 <p>Accordion Content 1</p>
45 <p>Accordion Content 1</p>
46 </div>
47 </div>
48 <div>
49 <h3><a href="#">Accordion Header 2</a></h3>
50 <div>
51 <p>Accordion Content 2</p>
52 <p>Accordion Content 2</p>
53 <p>Accordion Content 2</p>
54 <p>Accordion Content 2</p>
55 <p>Accordion Content 2</p>
56 </div>
57 </div>
58 <div>
59 <h3><a href="#">Accordion Header 3</a></h3>
60 <div>
61 <p>Accordion Content 3</p>
62 <p>Accordion Content 3</p>
63 <p>Accordion Content 3</p>
64 <p>Accordion Content 3</p>
65 <p>Accordion Content 3</p>
66 </div>
67 </div>
68 </div>
69 </div>
70 <div id="tabs-2">
71 <div id="accordion-1">
72 <div>
73 <h3><a href="#">Accordion Header 1</a></h3>
74 <div>
75 <p>Accordion Content 1</p>
76 <p>Accordion Content 1</p>
77 <p>Accordion Content 1</p>
78 <p>Accordion Content 1</p>
79 <p>Accordion Content 1</p>
80 </div>
81 </div>
82 <div>
83 <h3><a href="#">Accordion Header 2</a></h3>
84 <div>
85 <p>Accordion Content 2</p>
86 <p>Accordion Content 2</p>
87 <p>Accordion Content 2</p>
88 <p>Accordion Content 2</p>
89 <p>Accordion Content 2</p>
90 </div>
91 </div>
92 <div>
93 <h3><a href="#">Accordion Header 3</a></h3>
94 <div>
95 <p>Accordion Content 3</p>
96 <p>Accordion Content 3</p>
97 <p>Accordion Content 3</p>
98 <p>Accordion Content 3</p>
99 <p>Accordion Content 3</p>
100 </div>
101 </div>
102 </div>
103 </div>
104</div>
105
106</body>
107</html>
Note: See TracBrowser for help on using the repository browser.