Effects: Added fade effect. Needs documentation.

Fixes #4416 - Add fade effect.

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 @@ <h3 class="ui-widget-header ui-corner-all">Effect</h3>
 	<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>

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);