aboutsummaryrefslogtreecommitdiffstats
path: root/demos
diff options
context:
space:
mode:
Diffstat (limited to 'demos')
-rw-r--r--demos/tabs/ajax.html7
-rw-r--r--demos/tabs/collapsible.html6
-rw-r--r--demos/tabs/default.html6
-rw-r--r--demos/tabs/index.html8
-rw-r--r--demos/tabs/mouseover.html6
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>