I am using jquery-1.9.1.js
and UI jquery-ui-1.10.3.custom.min.js
. When I mouse over on any form element it shows tooltip and disappear on mouse out. but I want to vanish that toolip on click event of that item, because in my current scenario it shows tooltip for button and it persist even after button click. hence it see multiple tooltips on the page. I need to hide them immediately after click.(Below is screen shot).
I used below code but does not work for me
$(document).click(function() {
$(this).tooltip( "option", "hide", { effect: "explode", duration: 500 } );
});
How to resolve this pls help.
EDIT
I am using update panel. will that create problem?
editButtons
it won't work. See jsfiddle.net/aeWvK for help – Saraisaraiya