diff options
| author | gnarf <gnarf@gnarf.net> | 2011-05-04 01:38:41 -0500 |
|---|---|---|
| committer | gnarf <gnarf@gnarf.net> | 2011-05-04 01:38:41 -0500 |
| commit | d61e0656c59761cf9729d2aacbc16d74e576a440 (patch) | |
| tree | 436fa7641aa06435fcbf49b3f3d88caf849a99f6 /demos/tooltip/custom-animation.html | |
| parent | c5c65dbac60463d04a6c34a3c0e3e9ce5a846a43 (diff) | |
| parent | f5ee22c74a2e0e48b686a94838e12cbb9b45c99c (diff) | |
| download | jquery-ui-d61e0656c59761cf9729d2aacbc16d74e576a440.tar.gz jquery-ui-d61e0656c59761cf9729d2aacbc16d74e576a440.zip | |
Merge branch 'master' into effects-unit
Diffstat (limited to 'demos/tooltip/custom-animation.html')
| -rw-r--r-- | demos/tooltip/custom-animation.html | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/demos/tooltip/custom-animation.html b/demos/tooltip/custom-animation.html index a9745a062..ef8857979 100644 --- a/demos/tooltip/custom-animation.html +++ b/demos/tooltip/custom-animation.html @@ -11,15 +11,14 @@ <link type="text/css" href="../demos.css" rel="stylesheet" /> <script type="text/javascript"> $(function() { - // TODO overhaul this with custom animation API $(".demo").tooltip({ - open: function() { - $(".ui-tooltip").stop(false, true).hide().slideDown(); + show: { + effect: "slideDown", + delay: 250 }, - close: function() { - $(".ui-tooltip").stop(false, false).show().slideUp(function() { - $(this).remove(); - }); + hide: { + effect: "hide", + delay: 250 } }); }); @@ -48,7 +47,9 @@ <div class="demo-description"> -<p>Here the tooltips are positioned relative to the mouse, and follow the mouse while it moves above the element.</p> +<p>This demo shows how to customize animations. The tooltip is shown, after a +delay of 250ms, using a slide down animation, and hidden, after another delay, +without an animation.</p> </div><!-- End demo-description --> |