Author: joern.zaefferer
Date: Fri Jan 30 12:23:04 2009
New Revision: 1912
Added:
trunk/demos/accordion/noAutoHeight.html (contents, props changed)
Modified:
trunk/demos/accordion/index.html
Log:
accordion: added noAutoHeight.html demo
Modified: trunk/demos/accordion/index.html
==============================================================================
--- trunk/demos/accordion/index.html (original)
+++ trunk/demos/accordion/index.html Fri Jan 30 12:23:04 2009
@@ -10,6 +10,7 @@
<ul>
<li class="demo-config-on"><a href="default.html">Default
functionality</a></li>
<li><a href="fillspace.html">Fill space</a></li>
+ <li><a href="noAutoHeight.html">No auto height</a></li>
<li><a href="collapsible.html">Collapse content</a></li>
<li><a href="mouseover.html">Open on mouseover</a></li>
<li><a href="custom-icons.html">Customize icons</a></li>
Added: trunk/demos/accordion/noAutoHeight.html
==============================================================================
--- (empty file)
+++ trunk/demos/accordion/noAutoHeight.html Fri Jan 30 12:23:04 2009
@@ -0,0 +1,60 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Accordion - Open on mouseover</title>
+ <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>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <script type="text/javascript">
+ $(function() {
+ $("#accordion").accordion({
+ autoHeight: false
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div class="demo">
+
+<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.
+ 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.
+ 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.
+ 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">
+
+Settings <code>autoHeight: false</code> allows to accordion panels to
keep their native height.
+
+</div><!-- End demo-description -->
+
+</body>
+</html>