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?