Map module does not display on jQuery function

Hi again!

I need to make map module display when the users wants in the listing properties page so either you see the properties or the map module. I used the links that make listing or grid view to achive this, and I used .show() and .hide() jQuery functions in order to display one at a time.

But when I show the map (specifically: <div class="map">) it loads partially, just like the image.

Is the script not loading right when the div is display:none?

Hi,
You can't just simple to use .hide() and .show() jQuery function. Because Google Map won't fit the frame. Please select another solution
Thanks
Dam