diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2008-12-12 13:20:34 +0000 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2008-12-12 13:20:34 +0000 |
| commit | ef27211d2da36667608d854ff578f30da1e5132e (patch) | |
| tree | cf5e971ca7f4a12a04d5537f838b37153b4bb640 /tests/visual | |
| parent | ac55b22659cf5d07a64fa9c55363413e161d3b9f (diff) | |
| download | jquery-ui-ef27211d2da36667608d854ff578f30da1e5132e.tar.gz jquery-ui-ef27211d2da36667608d854ff578f30da1e5132e.zip | |
Accordion: Fixed #3646 - Update markup to new UI CSS Framework specs; Added visual test and updated tests to markup changes
Diffstat (limited to 'tests/visual')
| -rw-r--r-- | tests/visual/accordion.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/tests/visual/accordion.html b/tests/visual/accordion.html new file mode 100644 index 000000000..e1e2d5433 --- /dev/null +++ b/tests/visual/accordion.html @@ -0,0 +1,55 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Accordion Visual Test</title>
+
+ <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.accordion.css" type="text/css">
+
+ <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+ <script type="text/javascript" src="../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../ui/ui.accordion.js"></script>
+
+ <script type="text/javascript">
+ $(function() {
+ function enable() {
+ $("#myAccordion").accordion({
+ header: "h3"
+ });
+ }
+ function disable() {
+ $("#myAccordion").accordion("destroy");
+ }
+ $("#toggle").toggle(enable, disable);
+ //enable();
+ })
+ </script>
+</head>
+<body style="font-size: 62.5%;">
+
+ <div id="myAccordion">
+ <div>
+ <h3><a href="#">Test 1</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ <div>
+ <h3><a href="#">Test 2</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ <div>
+ <h3><a href="#">Test 3</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ </div>
+
+ <button id="toggle">Toggle</button>
+
+</body>
+</html>
|