i have the following problem.

I want to show some data when hovering over a table row. The data is fetched via a php helper script.

The first time i hover over the row works perfectly. Tooltip is shown with my custom data and all is good. When i stop hovering over my row, the tooltip gets closed. But now i cannot reopen the same tooltip again even though i am hovering above the same table row.

Now rows work, but with the same problem, it only works the first time.

Here my js, maybe somebody can help?

2.                         var hovers = new Array();
3. $(document).ready(
4. function () {
5. $( "tr" ).hover(
6. function()
7. {
8. var element = $(this);
9. hovers[element.attr("id")] = true;
10. if (!element.data('ui-tooltip'))
11. {
12. $.get("inc/js_sql_helper.php",
13. {
14. search: "taskOverview",
15. term: element.attr("id")
16. }, 
17. function( data )
18. {
19. if (hovers[element.attr("id")])
20. {
21. element.tooltip({ content: function() { return data; } });
22. element.tooltip("open");
23. }
24. },
25. "json"
26. );
27. }
28. else
29. {
30. element.tooltip("open");
31. }
33. }, 
34. function()
35. {
36. var element = $(this);
37. hovers[element.attr("id")] = false;
38. if (element.data('ui-tooltip'))
39. {
40. element.tooltip("close");
41. }
42. }
43. );
44. }
45. );

Thanks in advance :)