From bddf0fdb7738f2a7a36a0cce7105de0a781da293 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Scott=20Gonz=C3=A1lez?= <scott.gonzalez@gmail.com>
Date: Fri, 13 Nov 2009 04:35:47 +0000
Subject: [PATCH] Effects: Added fade effect. Needs documentation.

Fixes #4416 - Add fade effect.
---
 demos/effect/default.html |  2 ++
 ui/jquery.effects.fade.js | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 ui/jquery.effects.fade.js

diff --git a/demos/effect/default.html b/demos/effect/default.html
index 80272aac9..b1ad41052 100644
--- a/demos/effect/default.html
+++ b/demos/effect/default.html
@@ -10,6 +10,7 @@
 	<script type="text/javascript" src="../../ui/jquery.effects.clip.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.drop.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.explode.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.fade.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.fold.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.highlight.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.pulsate.js"></script>
@@ -78,6 +79,7 @@
 	<option value="clip">Clip</option>
 	<option value="drop">Drop</option>
 	<option value="explode">Explode</option>
+	<option value="fade">Fade</option>
 	<option value="fold">Fold</option>
 	<option value="highlight">Highlight</option>
 	<option value="puff">Puff</option>
diff --git a/ui/jquery.effects.fade.js b/ui/jquery.effects.fade.js
new file mode 100644
index 000000000..abc16d6ae
--- /dev/null
+++ b/ui/jquery.effects.fade.js
@@ -0,0 +1,32 @@
+/*
+ * jQuery UI Effects Fade @VERSION
+ *
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/UI/Effects/Fade
+ *
+ * Depends:
+ *	jquery.effects.core.js
+ */
+(function($) {
+
+$.effects.fade = function(o) {
+	return this.queue(function() {
+		var elem = $(this),
+			mode = $.effects.setMode(elem, o.options.mode || 'hide');
+
+		elem.animate({ opacity: mode }, {
+			queue: false,
+			duration: o.duration,
+			easing: o.options.easing,
+			complete: function() {
+				(o.callback && o.callback.apply(this, arguments));
+				elem.dequeue();
+			}
+		});
+	});
+};
+
+})(jQuery);
-- 
2.39.5