I found a way which works out almost perfectly, but might not well implemented…
Modifications to make :
in tooltip.js :
I added a variable visible=false; that becomes true when show() is called and false when hide() is called.
Then below the hide() function I added my own toggle function :
toggle:function(v,w){
if (visible){
tooltip.hide();
}else
{
tooltip.show(v,w);
}
}
then in glossary.php add this after the onmouseover and onmouseout events :
onClick="tooltip.toggle(\'' . $glossaryItemContent . '\');"
Onlydownside is if you click on your glossary word the tooltip will disappear even if you are still hovering it. (Links to the glossary page have to be disabled).