tooltip does not disappear

Question

I have a div and I want to show some contents as a tooltip whenever user hover the mouse on div and the problem is that I have a dynamic contents so I can not fix them in the attribute title:

for this purpose I found qtip useful and I wrote my code as follow:

$(document).ready(function () {

$('#plus_entity').qtip({
    content: 'This is an active list element</br>This is an active list element',
    show: 'mouseover',
    hide: 'mouseout',
    position: {
        corner: {
           target: 'topRight',
           tooltip: 'bottomLeft'
        }
     },
style: {
    classes: 'test'
 }
});

});

(I did not know how to add qtip to fiddle sorry for that but in my system it works)

Now my problem is that when mousre leave happens the tooltip box does not disappear?

Can anyone help or if you think I should use better plugin please let me know?

Answer 1

What seems to be a problem? Here is working example:

$('#plus_entity').qtip({
        content: 'This is an active list element</br>This is an active list element',
        hide: {
            fixed: true,
            delay: 300
        }
    });

http://jsfiddle.net/H4aTZ/295/