diff options
| author | Richard Worth <rdworth@gmail.com> | 2008-12-31 00:38:04 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2008-12-31 00:38:04 +0000 |
| commit | 8ed5c40bfb055696c02c4bfa1da2b223370e0761 (patch) | |
| tree | 0ce913c6c1bfb78aff0f2ba71cb1e80941a93f5e /demos | |
| parent | 177c546eb584c1357108121b421fac32c4066594 (diff) | |
| download | jquery-ui-8ed5c40bfb055696c02c4bfa1da2b223370e0761.tar.gz jquery-ui-8ed5c40bfb055696c02c4bfa1da2b223370e0761.zip | |
demos/accordion/default.html: highlighted note about when not to use accordion
Diffstat (limited to 'demos')
| -rw-r--r-- | demos/accordion/default.html | 16 | ||||
| -rw-r--r-- | demos/index.html | 1 |
2 files changed, 11 insertions, 6 deletions
diff --git a/demos/accordion/default.html b/demos/accordion/default.html index 478a25844..dc1a7f2f7 100644 --- a/demos/accordion/default.html +++ b/demos/accordion/default.html @@ -59,13 +59,17 @@ <p>This is a default accordion which is an expandable/collapsible content pane that is useful for situations when content must be displayed within limited space and can be broken into logical sections, much like tabs. Sections open when clicked by default. The HTML code is a series of headers (H3) and content divs so the content is still usable without Javascript.</p> - <p>If you are looking for a widget that allows more than one content panel to be open, don't use this plugin. You can achieve this effect with a few lines of jQuery instead, like this:</p> - -<pre>jQuery(document).ready(function(){ - $(".accordion .head").click(function() { - $(this).next().toggle(); - }).next().hide(); +<div style="padding: 0pt 0.7em; margin-top: 20px;" class="ui-state-highlight ui-corner-all"> +<p> +<span style="float: left; margin-right: 0.3em;" class="ui-icon ui-icon-info"></span> +<strong>Note:</strong> If you are looking for a widget that allows more than one content panel to be open, don't use this plugin. You can achieve this effect with a few lines of jQuery instead, like this: +<pre class="ui-widget-content">jQuery(document).ready(function(){ + $(".accordion .head").click(function() { + $(this).next().toggle(); + }).next().hide(); });</pre> +</p> +</div> </div><!-- End demo-description --> diff --git a/demos/index.html b/demos/index.html index ced365db9..4d13e0ce5 100644 --- a/demos/index.html +++ b/demos/index.html @@ -3,6 +3,7 @@ <html lang="en"> <head> <title>jQuery UI Demos</title> + <link type="text/css" href="../themes/default/ui.all.css" rel="stylesheet" /> <link type="text/css" href="demos.css" rel="stylesheet" /> <script type="text/javascript" src="../jquery-1.2.6.js"></script> <script type="text/javascript" src="../ui/ui.core.js"></script> |