Javascript-форум - Неправильное отображение карты google maps в div:none/display

В блоке который раскрывается по клику находится карта и вот как она отображается:

Вот код карта запускается загрузке body

[JS]<script type="text/javascript">
function initialize() {
    var latlng = new google.maps.LatLng(53.91034617923713,27.579810161415594);
    var options = {
      zoom: 16,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
	 
    };
	
    var map = new google.maps.Map(document.getElementById("g_maps"), options);

</script>[/JS]


<body onload="initialize()" onunload="initialize()"> 

<a href="#" onclick="$('.kont_hide').slideToggle('normal');return false;"></a>

<div style="display:none;"  class="kont_hide">

<div id="g_maps"></div>

</div>

</body>

Читал на форумах что есть решение с помощью

google.maps.event.trigger(map, 'resize');

но как-то не получается

Подскажите что можно попробовать, где почитать. Спасибо.