mirror of
https://github.com/jquery/jquery-ui.git
synced 2026-02-05 22:54:56 -05:00
reorganized effects from "general" into "movement" and "feedback", as they're categorized on the home page
This commit is contained in:
Maggie Costello Wachs
42
demos/effects_feedback/default.html
Normal file
42
demos/effects_feedback/default.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Highlight Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.highlight.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
#highlight { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#highlight h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#highlight").click(function() {
|
||||
$(this).effect("highlight");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="highlight" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Highlight</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
42
demos/effects_feedback/highlight.html
Normal file
42
demos/effects_feedback/highlight.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Highlight Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.highlight.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
#highlight { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#highlight h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#highlight").click(function() {
|
||||
$(this).effect("highlight");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="highlight" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Highlight</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
19
demos/effects_feedback/index.html
Normal file
19
demos/effects_feedback/index.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - General Demos</title>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demos-nav">
|
||||
<h4>Effect examples</h4>
|
||||
<ul>
|
||||
<li class="demo-config-on"><a href="default.html">Highlight</a></li>
|
||||
<li><a href="pulsate.html">Pulsate</a></li>
|
||||
<li><a href="transfer.html">Transfer</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
42
demos/effects_feedback/pulsate.html
Normal file
42
demos/effects_feedback/pulsate.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Pulsate Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.pulsate.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
#pulsate { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#pulsate h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#pulsate").click(function() {
|
||||
$(this).effect("pulsate");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="pulsate" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Pulsate</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
48
demos/effects_feedback/transfer.html
Normal file
48
demos/effects_feedback/transfer.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Transfer Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.transfer.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
.ui-effects-transfer { border: 2px dotted gray; }
|
||||
#transfer { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#transfer h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
#transfer-target { width: 80px; height: 80px; margin-top: 80px; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#transfer").click(function() {
|
||||
$(this).effect("transfer", {
|
||||
to: "#transfer-target"
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="transfer" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Transfer</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="transfer-target" class="ui-widget-header"></div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -7,7 +7,7 @@
|
||||
<body>
|
||||
|
||||
<div class="demos-nav">
|
||||
<h4>General Effects</h4>
|
||||
<h4>Effect examples:</h4>
|
||||
<ul>
|
||||
<li class="demo-config-on"><a href="default.html">Bounce</a></li>
|
||||
<li><a href="highlight.html">Highlight</a></li>
|
||||
@@ -21,3 +21,4 @@
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
42
demos/effects_movement/bounce.html
Normal file
42
demos/effects_movement/bounce.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Bounce Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.bounce.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
#bounce { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#bounce h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#bounce").click(function() {
|
||||
$(this).effect("bounce");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="bounce" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Bounce</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
42
demos/effects_movement/default.html
Normal file
42
demos/effects_movement/default.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Bounce Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.bounce.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
#bounce { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#bounce h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#bounce").click(function() {
|
||||
$(this).effect("bounce");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="bounce" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Bounce</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
22
demos/effects_movement/index.html
Normal file
22
demos/effects_movement/index.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - General Demos</title>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demos-nav">
|
||||
<h4>General Effects</h4>
|
||||
<ul>
|
||||
<li class="demo-config-on"><a href="default.html">Bounce</a></li>
|
||||
<li><a href="scale.html">Scale</a></li>
|
||||
<li><a href="shake.html">Shake</a></li>
|
||||
<li><a href="size.html">Size</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
44
demos/effects_movement/scale.html
Normal file
44
demos/effects_movement/scale.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Scale Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.scale.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
#scale { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#scale h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#scale").toggle(function() {
|
||||
$(this).effect("scale", { percent: 50 });
|
||||
}, function() {
|
||||
$(this).effect("scale", { percent: 200 });
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="scale" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Scale</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
42
demos/effects_movement/shake.html
Normal file
42
demos/effects_movement/shake.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Shake Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.shake.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
#shake { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#shake h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#shake").click(function() {
|
||||
$(this).effect("shake");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="shake" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Shake</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
54
demos/effects_movement/size.html
Normal file
54
demos/effects_movement/size.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>jQuery UI Effects - Size Demo</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/effects.core.js"></script>
|
||||
<script type="text/javascript" src="../../ui/effects.scale.js"></script>
|
||||
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
||||
<style type="text/css">
|
||||
#size { width: 240px; height: 135px; padding: 0.4em; }
|
||||
#size h3 { margin: 0; padding: 0.4em; text-align: center; }
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#size").toggle(function() {
|
||||
$(this).effect("size", {
|
||||
to: {
|
||||
width: 300,
|
||||
height: 100
|
||||
}
|
||||
});
|
||||
}, function() {
|
||||
$(this).effect("size", {
|
||||
to: {
|
||||
width: 240,
|
||||
height: 135
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="demo">
|
||||
|
||||
<div id="size" class="ui-widget-content ui-corner-all">
|
||||
<h3 class="ui-widget-header ui-corner-all">Size</h3>
|
||||
<p>
|
||||
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div><!-- End demo -->
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>Click anywhere in the dialog above to preview the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("blind")</code> effect. You can click again to see the <code>.show("blind")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("clip")</code> effect. You can click again to see the <code>.show("clip")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("blind")</code> effect. You can click again to see the <code>.show("blind")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("drop")</code> effect. You can click again to see the <code>.show("drop")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("explode")</code> effect. You can click again to see the <code>.show("explode")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("fold")</code> effect. You can click again to see the <code>.show("fold")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<body>
|
||||
|
||||
<div class="demos-nav">
|
||||
<h4>Show/Hide and Toggle Effects</h4>
|
||||
<h4>Effect examples</h4>
|
||||
<ul>
|
||||
<li class="demo-config-on"><a href="default.html">Blind</a></li>
|
||||
<li><a href="clip.html">Clip</a></li>
|
||||
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("puff")</code> effect. You can click again to see the <code>.show("puff")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("scale")</code> effect. You can click again to see the <code>.show("scale")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -37,9 +37,7 @@
|
||||
|
||||
<div class="demo-description">
|
||||
|
||||
<p>
|
||||
Click above to preview the <code>.hide("slide")</code> effect. You can click again to see the <code>.show("slide")</code> effect.
|
||||
</p>
|
||||
<p>Click anywhere in the frame above to toggle the effect.</p>
|
||||
|
||||
</div><!-- End demo-description -->
|
||||
|
||||
|
||||
@@ -226,7 +226,8 @@
|
||||
<dd><a href="slider/index.html">Slider</a></dd>
|
||||
<dd><a href="tabs/index.html">Tabs</a></dd>
|
||||
<dt>Effects</dt>
|
||||
<dd><a href="effects_general/index.html">General</a></dd>
|
||||
<dd><a href="effects_movement/index.html">Movement</a></dd>
|
||||
<dd><a href="effects_feedback/index.html">Feedback</a></dd>
|
||||
<dd><a href="effects_showhide/index.html">Show/Hide</a></dd>
|
||||
</dl>
|
||||
</td>
|
||||
|
||||
Reference in New Issue
Block a user