imported the whole jquery-ui package, refreshed with 1.10.2
[unfold.git] / third-party / jquery-ui-1.10.2 / tests / visual / compound / accordion_tabs.html
diff --git a/third-party/jquery-ui-1.10.2/tests/visual/compound/accordion_tabs.html b/third-party/jquery-ui-1.10.2/tests/visual/compound/accordion_tabs.html
new file mode 100644 (file)
index 0000000..3fa541e
--- /dev/null
@@ -0,0 +1,86 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <meta charset="utf-8">
+       <title>Compound Visual Test : Accordion in Tabs</title>
+       <link rel="stylesheet" href="../visual.css">
+       <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
+       <script src="../../../jquery-1.9.1.js"></script>
+       <script src="../../../ui/jquery.ui.core.js"></script>
+       <script src="../../../ui/jquery.ui.widget.js"></script>
+       <script src="../../../ui/jquery.ui.accordion.js"></script>
+       <script src="../../../ui/jquery.ui.tabs.js"></script>
+       <script>
+       $(function() {
+               $( "#accordion-1, #accordion-2" ).accordion();
+               $( "#tabs" ).tabs();
+       });
+       </script>
+</head>
+<body>
+
+<div id="tabs">
+       <ul>
+               <li><a href="#tabs-1">First</a></li>
+               <li><a href="#tabs-2">Second</a></li>
+       </ul>
+       <div id="tabs-1">
+               <div id="accordion-1">
+                       <h3>Accordion Header 1</h3>
+                       <div>
+                               <p>Accordion Content 1</p>
+                               <p>Accordion Content 1</p>
+                               <p>Accordion Content 1</p>
+                               <p>Accordion Content 1</p>
+                               <p>Accordion Content 1</p>
+                       </div>
+                       <h3>Accordion Header 2</h3>
+                       <div>
+                               <p>Accordion Content 2</p>
+                               <p>Accordion Content 2</p>
+                               <p>Accordion Content 2</p>
+                               <p>Accordion Content 2</p>
+                               <p>Accordion Content 2</p>
+                       </div>
+                       <h3>Accordion Header 3</h3>
+                       <div>
+                               <p>Accordion Content 3</p>
+                               <p>Accordion Content 3</p>
+                               <p>Accordion Content 3</p>
+                               <p>Accordion Content 3</p>
+                               <p>Accordion Content 3</p>
+                       </div>
+               </div>
+       </div>
+       <div id="tabs-2">
+               <div id="accordion-2">
+                       <h3>Accordion Header 1</h3>
+                       <div>
+                               <p>Accordion Content 1</p>
+                               <p>Accordion Content 1</p>
+                               <p>Accordion Content 1</p>
+                               <p>Accordion Content 1</p>
+                               <p>Accordion Content 1</p>
+                       </div>
+                       <h3>Accordion Header 2</h3>
+                       <div>
+                               <p>Accordion Content 2</p>
+                               <p>Accordion Content 2</p>
+                               <p>Accordion Content 2</p>
+                               <p>Accordion Content 2</p>
+                               <p>Accordion Content 2</p>
+                       </div>
+                       <h3>Accordion Header 3</h3>
+                       <div>
+                               <p>Accordion Content 3</p>
+                               <p>Accordion Content 3</p>
+                               <p>Accordion Content 3</p>
+                               <p>Accordion Content 3</p>
+                               <p>Accordion Content 3</p>
+                       </div>
+               </div>
+       </div>
+</div>
+
+</body>
+</html>