Botão Ocultar/Mostrar ajax

Pessoal

Eu peguei este exemplo na net, sobre ocultar/mostrar o conteúdo:

	var show; // declare variable to hold show/hide state $(".thebody").hide(); // hide articles at first $(".readme a").click(function(event){ // show/hide articles if (!show) { showhide($(this),"Ocultar",true); } else { showhide($(this),"Mostrar Mapa",false); } return false; function showhide(what,swaptext,swapstate){ $(what).parents(".readme").prev(".thebody").toggle('fast'); $(what).text(swaptext); show = swapstate; } });

Conteúdo:

<div class="thebody"> <div class="modulo_content"> <div id="map-canvas" style="margin:0 auto; width:90%; height:280px; border: 2px solid #ccc;"></div> </div> </div> <div class="readme"> <a href='' title='Mapa' class="btn btn-danger">Mostrar Mapa</a> </div>

Na função estou usando um mapa do google maps, com texto, essa função funciona perfeito, mas como coloquei a div do google maps, quando ele mostra o conteúdo, demora para carregar o mapa...

Alguém saberia me ajudar para mostrar o mapa rápido?

Ninguém? será que precisa submeter quando clica no mostrar?

Ele ta no on ready, mas mesmo assim não vai...