diff -r 000000000000 -r cc4a51750724 client/player/development-bundle/docs/hide.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/player/development-bundle/docs/hide.html Sat Jun 12 04:25:05 2010 +0200 @@ -0,0 +1,144 @@ + +
+The enhanced hide method optionally accepts jQuery UI advanced effects.
+Uses a specific effect on an element to hide the element if the first argument is an effect string.
+$("p").click(function () {
+ $("div").hide("slide", {}, 1000);
+ });
+
+<!DOCTYPE html>
+<html>
+<head>
+ <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
+<style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: blue; position: relative; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").click(function () {
+ $("div").hide("slide", {}, 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>
+
+</body>
+</html>
+
+