<!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>
<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 -->
<!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>
<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>
<!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>
<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 -->
<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>
<!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>
<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>
projects / jquery-ui.git / commitdiff