diff options
| author | Maggie Costello Wachs <fg.maggie@gmail.com> | 2009-01-20 21:30:24 +0000 |
|---|---|---|
| committer | Maggie Costello Wachs <fg.maggie@gmail.com> | 2009-01-20 21:30:24 +0000 |
| commit | 80e15e7dc9a57e991d2eefeeef050028f8785014 (patch) | |
| tree | 7369ae88de24a7846a6986f379c01178cd019156 /demos/tabs | |
| parent | 88d8063be47711fe5c0b9390a91fc12c8c6daec0 (diff) | |
| download | jquery-ui-80e15e7dc9a57e991d2eefeeef050028f8785014.tar.gz jquery-ui-80e15e7dc9a57e991d2eefeeef050028f8785014.zip | |
slightly reorganized/renamed demos to better reflect functionality
Diffstat (limited to 'demos/tabs')
| -rw-r--r-- | demos/tabs/ajax.html | 7 | ||||
| -rw-r--r-- | demos/tabs/collapsible.html | 6 | ||||
| -rw-r--r-- | demos/tabs/default.html | 6 | ||||
| -rw-r--r-- | demos/tabs/index.html | 8 | ||||
| -rw-r--r-- | demos/tabs/mouseover.html | 6 |
5 files changed, 12 insertions, 21 deletions
diff --git a/demos/tabs/ajax.html b/demos/tabs/ajax.html index a76270dbe..c1bcadc7d 100644 --- a/demos/tabs/ajax.html +++ b/demos/tabs/ajax.html @@ -1,7 +1,7 @@ <!doctype html> <html lang="en"> <head> - <title>jQuery UI Tabs - Ajax Demo</title> + <title>jQuery UI Tabs - Content via Ajax</title> <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.3.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script> @@ -32,10 +32,7 @@ <div class="demo-description"> -<p> -This example fetches in external content via Ajax for the 2nd and 3rd tabs just by setting an href for the tabs. -While the Ajax request is waiting for a response, the tab label changes to say "Loading...", then returns to the normal label once loaded. -</p> +<p>Fetch external content via Ajax for the 2nd and 3rd tabs by setting an href for the tabs. While the Ajax request is waiting for a response, the tab label changes to say "Loading...", then returns to the normal label once loaded.</p> </div><!-- End demo-description --> diff --git a/demos/tabs/collapsible.html b/demos/tabs/collapsible.html index 12b820556..7913e2e2d 100644 --- a/demos/tabs/collapsible.html +++ b/demos/tabs/collapsible.html @@ -1,7 +1,7 @@ <!doctype html> <html lang="en"> <head> - <title>jQuery UI Tabs - Collapsible Demo</title> + <title>jQuery UI Tabs - Collapse content</title> <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.3.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script> @@ -43,9 +43,7 @@ <div class="demo-description"> -<p> -This example allows the tab strip to be toggled closed by setting the delectable option to true like this: -</p> +<p>Click the selected tab to toggle its content closed/open. To enable this functionality, set the <strong>deselectable</strong> option to true.</p> <pre><code>deselectable: true </code></pre> diff --git a/demos/tabs/default.html b/demos/tabs/default.html index 1a8eb6194..2cee36b5b 100644 --- a/demos/tabs/default.html +++ b/demos/tabs/default.html @@ -1,7 +1,7 @@ <!doctype html> <html lang="en"> <head> - <title>jQuery UI Tabs - Default Demo</title> + <title>jQuery UI Tabs - Default functionality</title> <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.3.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script> @@ -39,9 +39,7 @@ <div class="demo-description"> -<p> -This is the basic default tab strip that swaps between different blocks of content. -</p> +<p>Click tabs to swap between content that is broken into logical sections.</p> </div><!-- End demo-description --> diff --git a/demos/tabs/index.html b/demos/tabs/index.html index bcd037c67..5742a8077 100644 --- a/demos/tabs/index.html +++ b/demos/tabs/index.html @@ -9,10 +9,10 @@ <div class="demos-nav"> <h4>Examples</h4> <ul> - <li class="demo-config-on"><a href="default.html">Default Tabs</a></li> - <li><a href="ajax.html">Ajax</a></li> - <li><a href="collapsible.html">Collapsible</a></li> - <li><a href="mouseover.html">Mouseover event</a></li> + <li class="demo-config-on"><a href="default.html">Default functionality</a></li> + <li><a href="ajax.html">Content via Ajax</a></li> + <li><a href="mouseover.html">Open on mouseover</a></li> + <li><a href="collapsible.html">Collapse content</a></li> </ul> </div> diff --git a/demos/tabs/mouseover.html b/demos/tabs/mouseover.html index 12b0be70f..ce2e866c3 100644 --- a/demos/tabs/mouseover.html +++ b/demos/tabs/mouseover.html @@ -1,7 +1,7 @@ <!doctype html> <html lang="en"> <head> - <title>jQuery UI Tabs - Mouseover Demo</title> + <title>jQuery UI Tabs - Open on mouseover</title> <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.3.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script> @@ -41,9 +41,7 @@ <div class="demo-description"> -<p> -This example changes the default swap event from a click to mouseover by changing the event option: -</p> +<p>Toggle sections open/closed on mouseover with the <strong>event</strong> option. The default value for event is "click."</p> <pre><code>event: 'mouseover' </code></pre> |