GoMap - display map in hidden div
<p>I'm using goMap jquery plugin for displaying my maps, and would like to have the map hidden and display it on click. However, the map isn't displayed correctly - in another threads I found I need to fire <em>google.maps.event.trigger(map, 'resize');</em> to refresh the map, but for some reason this doesn't work in my code. Anyone can help me with this? Thanks</p>

<pre><code>&lt;a class="showmap" href="#"&gt;Show map&lt;/a&gt;
&lt;div id="map" style="height: 400px; width: 400px;"&gt; &lt;/div&gt;

&lt;script type="text/javascript"&gt;
$(function() { 
$("#map").goMap({ 
    latitude: 56.948813, 
    longitude: 24.104004, 
    zoom: 6 
}); 
});

$(document).ready(function(){
$("#map").hide();
$('.showmap').click(function(){
$("#map").slideToggle();
google.maps.event.trigger($.goMap.mapId, 'resize');
});
});
&lt;/script&gt;
</code></pre>
