hi patrick, i have stripped down your code to have it more barbone for debugging. and here is the result, works 100% as, i hope, you intended. please discard if i got you wrong and you meant something completely else.
on hover the tooltip appears (the google map) and while you hover the map you can even drag the map around. the map then disappears on moveout. the only "bug" is a flicker for a fraction of a second on page load. enjoy, s <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="hovertip.js"></script> <script type='text/javascript'> $(document).ready(function() { window.setTimeout(hovertipInit, 1); load(); }); </script> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAJy-ZH_PbUFOIpPa6r7OUfhRVrKdP-LZxC8QUhs-ZXBFuEFrllRQxScaN8uiKyhCTXLOFb-KPUQb1pQ"; type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(37.4419, -122.1419), 13); } } //]]> </script> <title>test</title> </head> <body onunload="GUnload()"> <span id="ctdef">Brands Hatch</span> <div class="hovertip" target="ctdef"> <div id="map" style="width: 500px; height: 500px"></div> </div> </body> </html> _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
