How to fix jQuery tooltip fading effect

Question

I use the jQuery ui tooltip function, and it seems to me that the wilting in the tooltip is a little annoying.

I added a delay: 0, but still doing the attenuation.

Does anyone have a solution to this, or can recommend other tooltip functionality? Thanks!

Below is my code

$(function () { $(document).tooltip({ show: { effect:'toggle', delay:0 }, content: function () { return $(this).prop("title"); } }); 

Answer 1

Using:

 show: false 

This disables the effect for the show event. The same goes for hide .

Demo

Source: http://api.jqueryui.com/tooltip/#option-show

Answer 2

If you cannot use show:false because you need to set other show properties, for example, you really want to delay until the tooltip appears, but just want the tooltip to appear after the delay without an animation effect, you can use effect: "none" as shown below:

 show: { delay: 500, effect: "none" }