r1919 - trunk/tests/visual/accordion
Author: joern.zaefferer
Date: Fri Jan 30 13:47:20 2009
New Revision: 1919
Added:
trunk/tests/visual/accordion/width.html (contents, props changed)
Log:
accordion: more realistic testcase for autoHeight:false accordion
Added: trunk/tests/visual/accordion/width.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/accordion/width.html Fri Jan 30 13:47:20 2009
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Accordion - No Auto Height Test</title>
+ <link rel="stylesheet" href="../../static/static.css" type="text/css" />
+ <link type="text/css" href="../../../themes/base/ui.all.css"
rel="stylesheet" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.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>
+
+<div class="demo" style="width:300px">
+
+<div id="accordion">
+ <h3><a href="#">Section 1</a></h3>
+ <div>
+ Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin
viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante
scelerisque vulputate.
+ </div>
+ <h3><a href="#">Section 2</a></h3>
+ <div>
+ Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
suscipit faucibus urna.
+ </div>
+ <h3><a href="#">Section 3</a></h3>
+ <div>
+ Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque
lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus
ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna
quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis
dui.
+ <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>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+Setting <code>autoHeight: false</code> allows to accordion panels to
keep their native height.
+
+</div><!-- End demo-description -->
+
+</body>
+</html>