Skip to content
Permalink
Browse files

Tooltip: Overhaul widget animations code to allow delay with plain sh…

…ow/hide
  • Loading branch information...
jzaefferer committed May 2, 2011
1 parent 3bb9ab2 commit a03c222f05aa2364189d264377e0a19da4d4c9ad
Showing with 21 additions and 8 deletions.
  1. +5 −3 demos/tooltip/custom-animation.html
  2. +16 −5 ui/jquery.ui.widget.js
@@ -17,8 +17,8 @@
delay: 250
},
hide: {
effect: "slideUp",
delay: 500
effect: "hide",
delay: 250
}
});
});
@@ -47,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 -->

@@ -365,12 +365,23 @@ $.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
if ( hasOptions && $.effects && $.effects[ effectName ] ) {
element[ method ]( options );
} else if ( element[ effectName ] ) {
element[ effectName ]( options.duration, options.easing, callback );
} else {
element[ method ]();
if ( callback ) {
callback.call( element[ 0 ] );
if ( /show|hide/.test( effectName ) ) {
element.queue( function() {
element[ effectName ]();
if ( callback ) {
callback.call( element[ 0 ] );
}
});
} else {
element[ effectName ]( options.duration, options.easing, callback );
}
} else {
element.queue( function() {
$( this )[ method ]();
if ( callback ) {
callback.call( element[ 0 ] );
}
});
}
};
});

0 comments on commit a03c222

Please sign in to comment.
You can’t perform that action at this time.