source: main/trunk/greenstone3/web/interfaces/oran/js/jquery-ui-1.8rc1/tests/visual/compound/tabs_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: 1.9 KB
Line 
1<!doctype html>
2<html lang="en">
3<head>
4 <title>Compound Visual Test : Tabs 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-a, #tabs-b').tabs();
15 });
16 </script>
17</head>
18<body>
19
20<div id="tabs">
21 <ul>
22 <li><a href="#tabs-1">First</a></li>
23 <li><a href="#tabs-2">Second</a></li>
24 </ul>
25 <div id="tabs-1">
26 <div id="tabs-a">
27 <ul>
28 <li><a href="#tabs-a-1">First</a></li>
29 <li><a href="#tabs-a-2">Second</a></li>
30 </ul>
31 <div id="tabs-a-1">
32 <p>nested tabs a-1</p>
33 <p>nested tabs a-1</p>
34 <p>nested tabs a-1</p>
35 <p>nested tabs a-1</p>
36 <p>nested tabs a-1</p>
37 </div>
38 <div id="tabs-a-2">
39 <p>nested tabs a-2</p>
40 <p>nested tabs a-2</p>
41 <p>nested tabs a-2</p>
42 <p>nested tabs a-2</p>
43 <p>nested tabs a-2</p>
44 </div>
45 </div>
46 </div>
47 <div id="tabs-2">
48 <div id="tabs-b">
49 <ul>
50 <li><a href="#tabs-b-1">First</a></li>
51 <li><a href="#tabs-b-2">Second</a></li>
52 </ul>
53 <div id="tabs-b-1">
54 <p>nested tabs b-1</p>
55 <p>nested tabs b-1</p>
56 <p>nested tabs b-1</p>
57 <p>nested tabs b-1</p>
58 <p>nested tabs b-1</p>
59 </div>
60 <div id="tabs-b-2">
61 <p>nested tabs b-2</p>
62 <p>nested tabs b-2</p>
63 <p>nested tabs b-2</p>
64 <p>nested tabs b-2</p>
65 <p>nested tabs b-2</p>
66 </div>
67 </div>
68 </div>
69</div>
70
71</body>
72</html>
Note: See TracBrowser for help on using the repository browser.