--- /dev/null
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+ <title>Accordion Visual Test : Accordion option autoHeight true</title>\r
+ <link rel="stylesheet" href="../visual.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">\r
+ <script type="text/javascript" src="../../../jquery-1.3.2.js"></script>\r
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+ <script type="text/javascript" src="../../../ui/ui.accordion.js"></script>\r
+ <script type="text/javascript">\r
+ $(function() {\r
+ $("#accordion").accordion({\r
+ fillSpace: true\r
+ });\r
+ })\r
+ </script>\r
+</head>\r
+<body>\r
+\r
+<div style="height: 500px; width: 500px; border: 1px solid red;">\r
+ <div id="accordion" style="width:490px;">\r
+ <h3><a href="#">Accordion Header 1</a></h3>\r
+ <div>\r
+ Accordion Content 1\r
+ </div>\r
+ <h3><a href="#">Accordion Header 2</a></h3>\r
+ <div>\r
+ Accordion Content 2\r
+ <p>paragraph</p>\r
+ <p>paragraph</p>\r
+ <p>paragraph</p>\r
+ <p>paragraph</p>\r
+ <p>paragraph</p>\r
+ <p>paragraph</p>\r
+ <p>paragraph</p>\r
+ </div>\r
+ <h3><a href="#">Accordion Header 3</a></h3>\r
+ <div>\r
+ Accordion Content 3\r
+ <ul>\r
+ <li>list item</li>\r
+ <li>list item</li>\r
+ <li>list item</li>\r
+ </ul>\r
+ </div>\r
+ </div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
if($.browser.msie) { this.element.parent().css('overflow', defOverflow); }
this.headers.each(function() {
- maxHeight -= $(this).outerHeight();
+ maxHeight -= $(this).outerHeight(true);
});
var maxPadding = 0;