From 9569feca26d4fb0dda2346ab5cfe1eafc2d154b4 Mon Sep 17 00:00:00 2001 From: Richard Worth Date: Wed, 31 Dec 2008 21:18:06 +0000 Subject: [PATCH] demos/effects: Added show/hide/toggle effect demos --- demos/effects/blind.html | 47 ++++++++++++++++++++++++++++++++++++++ demos/effects/clip.html | 47 ++++++++++++++++++++++++++++++++++++++ demos/effects/default.html | 47 ++++++++++++++++++++++++++++++++++++++ demos/effects/drop.html | 47 ++++++++++++++++++++++++++++++++++++++ demos/effects/explode.html | 47 ++++++++++++++++++++++++++++++++++++++ demos/effects/fold.html | 47 ++++++++++++++++++++++++++++++++++++++ demos/effects/index.html | 13 ++++++++--- demos/effects/puff.html | 47 ++++++++++++++++++++++++++++++++++++++ demos/effects/scale.html | 47 ++++++++++++++++++++++++++++++++++++++ demos/effects/slide.html | 47 ++++++++++++++++++++++++++++++++++++++ 10 files changed, 433 insertions(+), 3 deletions(-) create mode 100644 demos/effects/blind.html create mode 100644 demos/effects/clip.html create mode 100644 demos/effects/default.html create mode 100644 demos/effects/drop.html create mode 100644 demos/effects/explode.html create mode 100644 demos/effects/fold.html create mode 100644 demos/effects/puff.html create mode 100644 demos/effects/scale.html create mode 100644 demos/effects/slide.html diff --git a/demos/effects/blind.html b/demos/effects/blind.html new file mode 100644 index 000000000..eb176ae57 --- /dev/null +++ b/demos/effects/blind.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Blind Demo + + + + + + + + + + +
+ +
+
+

Blind

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("blind") effect. You can click again to see the .show("blind") effect. +

+ +
+ + + diff --git a/demos/effects/clip.html b/demos/effects/clip.html new file mode 100644 index 000000000..ee0cfb420 --- /dev/null +++ b/demos/effects/clip.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Clip Demo + + + + + + + + + + +
+ +
+
+

Clip

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("clip") effect. You can click again to see the .show("clip") effect. +

+ +
+ + + diff --git a/demos/effects/default.html b/demos/effects/default.html new file mode 100644 index 000000000..eb176ae57 --- /dev/null +++ b/demos/effects/default.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Blind Demo + + + + + + + + + + +
+ +
+
+

Blind

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("blind") effect. You can click again to see the .show("blind") effect. +

+ +
+ + + diff --git a/demos/effects/drop.html b/demos/effects/drop.html new file mode 100644 index 000000000..dbb259405 --- /dev/null +++ b/demos/effects/drop.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Drop Demo + + + + + + + + + + +
+ +
+
+

Drop

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("drop") effect. You can click again to see the .show("drop") effect. +

+ +
+ + + diff --git a/demos/effects/explode.html b/demos/effects/explode.html new file mode 100644 index 000000000..5b3677645 --- /dev/null +++ b/demos/effects/explode.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Explode Demo + + + + + + + + + + +
+ +
+
+

Explode

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("explode") effect. You can click again to see the .show("explode") effect. +

+ +
+ + + diff --git a/demos/effects/fold.html b/demos/effects/fold.html new file mode 100644 index 000000000..0c8ac7574 --- /dev/null +++ b/demos/effects/fold.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Fold Demo + + + + + + + + + + +
+ +
+
+

Fold

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("fold") effect. You can click again to see the .show("fold") effect. +

+ +
+ + + diff --git a/demos/effects/index.html b/demos/effects/index.html index 9876d1998..3d70b4f89 100644 --- a/demos/effects/index.html +++ b/demos/effects/index.html @@ -1,15 +1,22 @@ - jQuery UI Effect Show/Hide Demos + jQuery UI Effects - Show/Hide Demos
-

Examples

+

Show/Hide and Toggle Effects

diff --git a/demos/effects/puff.html b/demos/effects/puff.html new file mode 100644 index 000000000..62f217b7e --- /dev/null +++ b/demos/effects/puff.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Puff Demo + + + + + + + + + + +
+ +
+
+

Puff

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("puff") effect. You can click again to see the .show("puff") effect. +

+ +
+ + + diff --git a/demos/effects/scale.html b/demos/effects/scale.html new file mode 100644 index 000000000..4a7d51e82 --- /dev/null +++ b/demos/effects/scale.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Scale Demo + + + + + + + + + + +
+ +
+
+

Scale

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("scale") effect. You can click again to see the .show("scale") effect. +

+ +
+ + + diff --git a/demos/effects/slide.html b/demos/effects/slide.html new file mode 100644 index 000000000..ded93bf1a --- /dev/null +++ b/demos/effects/slide.html @@ -0,0 +1,47 @@ + + + + jQuery UI Effects - Slide Demo + + + + + + + + + + +
+ +
+
+

Slide

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+
+
+ +
+ +
+ +

+Click above to preview the .hide("slide") effect. You can click again to see the .show("slide") effect. +

+ +
+ + +