r3039 committed - accordion: visual testcase and fix for #4444; probably fixes a few oth...
Revision: 3039
Author: joern.zaefferer
Date: Thu Aug 6 11:57:44 2009
Log: accordion: visual testcase and fix for #4444; probably fixes a few
other issues, too, eg. less flickering
http://code.google.com/p/jquery-ui/source/detail?r=3039
Added:
/trunk/tests/visual/accordion/accordion_ticket_4444.html
Modified:
/trunk/themes/base/ui.accordion.css
=======================================
--- /dev/null
+++ /trunk/tests/visual/accordion/accordion_ticket_4444.html Thu Aug 6
11:57:44 2009
@@ -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
+ <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>
+ Accordion Content 3
+ <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>
=======================================
--- /trunk/themes/base/ui.accordion.css Mon May 11 04:43:48 2009
+++ /trunk/themes/base/ui.accordion.css Thu Aug 6 11:57:44 2009
@@ -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; }