diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2010-09-09 21:35:00 -0400 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2010-09-09 22:33:28 -0400 |
| commit | b79e92818fa027bbd3daec17d6417940e2b156ed (patch) | |
| tree | a27caa10de418e37b7e3ca61b249182a7b17f1ae /demos/accordion/fillspace.html | |
| parent | 590e03cc328879f67b2350b76b50ec34d559739e (diff) | |
| download | jquery-ui-b79e92818fa027bbd3daec17d6417940e2b156ed.tar.gz jquery-ui-b79e92818fa027bbd3daec17d6417940e2b156ed.zip | |
Accordion demos: Coding standards.
Diffstat (limited to 'demos/accordion/fillspace.html')
| -rw-r--r-- | demos/accordion/fillspace.html | 33 |
1 files changed, 15 insertions, 18 deletions
diff --git a/demos/accordion/fillspace.html b/demos/accordion/fillspace.html index 77507821c..e6c0ffb3e 100644 --- a/demos/accordion/fillspace.html +++ b/demos/accordion/fillspace.html @@ -1,28 +1,28 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8" /> + <meta charset="utf-8""> <title>jQuery UI Accordion - Fill space</title> - <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.4.2.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.accordion.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <script type="text/javascript"> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.4.2.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.mouse.js"></script> + <script src="../../ui/jquery.ui.resizable.js"></script> + <script src="../../ui/jquery.ui.accordion.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> $(function() { - $("#accordion").accordion({ + $( "#accordion" ).accordion({ fillSpace: true }); }); $(function() { - $("#accordionResizer").resizable({ + $( "#accordionResizer" ).resizable({ + minHeight: 140, resize: function() { - $("#accordion").accordion("resize"); - }, - minHeight: 140 + $( "#accordion" ).accordion( "resize" ); + } }); }); </script> @@ -69,11 +69,8 @@ <div class="demo-description"> - <p>Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the boolean <code>fillSpace</code> option to true, and the script will automatically set the dimensions of the accordion to the height of its parent container. The accordion will also resize with its container if the container is <code>resizable</code>.</p> - </div><!-- End demo-description --> - </body> </html> |