diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2009-08-06 18:57:44 +0000 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2009-08-06 18:57:44 +0000 |
| commit | 8ebef87f2e65429fbebe198aa854c5d5769e46d8 (patch) | |
| tree | 7373644b00f77bba065aca1fc95c04ea25eadb8f | |
| parent | 425e76355a289341eb588874e04b82afdc9eeb99 (diff) | |
| download | jquery-ui-8ebef87f2e65429fbebe198aa854c5d5769e46d8.tar.gz jquery-ui-8ebef87f2e65429fbebe198aa854c5d5769e46d8.zip | |
accordion: visual testcase and fix for #4444; probably fixes a few other issues, too, eg. less flickering
| -rw-r--r-- | tests/visual/accordion/accordion_ticket_4444.html | 49 | ||||
| -rw-r--r-- | themes/base/ui.accordion.css | 2 |
2 files changed, 50 insertions, 1 deletions
diff --git a/tests/visual/accordion/accordion_ticket_4444.html b/tests/visual/accordion/accordion_ticket_4444.html new file mode 100644 index 000000000..778af73bd --- /dev/null +++ b/tests/visual/accordion/accordion_ticket_4444.html @@ -0,0 +1,49 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>Accordion Visual Test : Accordion ticket #4444</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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() {
+ $("#accordion").accordion({
+ autoHeight: false
+ });
+ })
+ </script>
+</head>
+<body>
+
+<h1 class="ui-widget-header"><a href="http://dev.jqueryui.com/ticket/4444">#4444 - Accordion Content disappears with autoHeight set to false in IE 6</a></h1>
+
+<div id="accordion" >
+ <h3><a href="#">Section 1</a></h3>
+ <div >
+ Accordion Content 1<br>
+ <a href="#">Link Test #1</a>
+ </div>
+
+ <h3><a href="#">Section 2</a></h3>
+ <div>
+ <a href="#" >Accordion Content 2</a>
+ </div>
+ <h3><a href="#">Section 3</a></h3>
+ <div>
+ <p>Accordion Content 3 </p>
+ <ul>
+ <li>List item</li>
+ <li>List item</li>
+ <li>List item</li>
+ <li>List item</li>
+ <li>List item</li>
+ <li>List item</li>
+ <li>List item</li>
+ </ul>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/themes/base/ui.accordion.css b/themes/base/ui.accordion.css index dec58193e..acd7f5e1e 100644 --- a/themes/base/ui.accordion.css +++ b/themes/base/ui.accordion.css @@ -6,5 +6,5 @@ .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } -.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } +.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }
\ No newline at end of file |