2 files changed, 31 insertions, 6 deletions
diff --git a/tests/visual/effects.all.html b/tests/visual/effects.all.html
index bea61124d..1bbc7a110 100644
--- a/tests/visual/effects.all.html
+++ b/tests/visual/effects.all.html
@@ -11,6 +11,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>
@@ -91,6 +92,12 @@
 	</li>
 
 	<li>
+		<div class="effect" id="fade">
+		<p>Fade</p>
+		</div>
+	</li>
+
+	<li>
 		<div class="effect" id="fold">
 		<p>Fold</p>
 		</div>
@@ -174,6 +181,12 @@
 		</div>
 	</li>
 
+	<li>
+		<div class="effect" id="hide">
+		<p>hide/show (jQuery)</p>
+		</div>
+	</li>
+
 </ul>
 
 </body>
diff --git a/tests/visual/effects.all.js b/tests/visual/effects.all.js
index 0479c47ac..5e47a4f48 100644
--- a/tests/visual/effects.all.js
+++ b/tests/visual/effects.all.js
@@ -1,5 +1,6 @@
 
 $(function() {
+	var duration = 1000, wait = 500;
 
 	$("div.effect")
 		.hover(function() { $(this).addClass("hover"); },
@@ -13,15 +14,24 @@ $(function() {
 
 		$(el).bind("click", function() {
 
-			$(this).addClass("current").hide(n, o, 1000, function() {
+			$(this).addClass("current").hide(n, o, duration, function() {
 				var self = this;
 				window.setTimeout(function() {
-					$(self).show(n, o, 1000, function() { $(this).removeClass("current"); });
-				},500);
+					$(self).show(n, o, duration, function() { $(this).removeClass("current"); });
+				}, wait);
 			});
 		});
 
 	};
+	
+	$("#hide").click(function() {
+		var el = $(this);
+		el.addClass("current").hide(duration, function() {
+			setTimeout(function() {
+				el.show(duration, function() { el.removeClass("current") });
+			}, wait);
+		})
+	})
 
 	effect("#blindHorizontally", "blind", { direction: "horizontal" });
 	effect("#blindVertically", "blind", { direction: "vertical" });
@@ -39,6 +49,8 @@ $(function() {
 	effect("#explode9", "explode", {});
 	effect("#explode36", "explode", { pieces: 36 });
 
+	effect("#fade", "fade", {});
+
 	effect("#fold", "fold", { size: 50 });
 
 	effect("#highlight", "highlight", {});
@@ -61,7 +73,7 @@ $(function() {
 		$(this).addClass(function() {
 			window.console && console.log(arguments);
 			return "current";
-		}, 1000, function() {
+		}, duration, function() {
 			$(this).removeClass("current");
 		});
 	});
@@ -69,12 +81,12 @@ $(function() {
 		$(this).addClass("current").removeClass(function() {
 			window.console && console.log(arguments);
 			return "current"
-		}, 1000);
+		}, duration);
 	});
 	$("#toggleClass").click(function() {
 		$(this).toggleClass(function() {
 			window.console && console.log(arguments);
 			return "current"
-		}, 1000);
+		}, duration);
 	});
 });