Skip to content
Permalink
Browse files

slightly reorganized/renamed demos to better reflect functionality

  • Loading branch information
Maggie Costello Wachs
Maggie Costello Wachs committed Jan 20, 2009
1 parent 88d8063 commit 80e15e7dc9a57e991d2eefeeef050028f8785014
Showing with 12 additions and 21 deletions.
  1. +2 −5 demos/tabs/ajax.html
  2. +2 −4 demos/tabs/collapsible.html
  3. +2 −4 demos/tabs/default.html
  4. +4 −4 demos/tabs/index.html
  5. +2 −4 demos/tabs/mouseover.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 -->

@@ -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>
@@ -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 -->

@@ -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>

@@ -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>

0 comments on commit 80e15e7

Please sign in to comment.
You can’t perform that action at this time.