Hiding and Showing the Geodir Map

Hi, I would like to use the JQuery show and hide function to allow the user to open and close the GD map.

1) If you visit the following page: http://alllocal.ca/test/ and click on the button the map will open but it does not load properly. Basically I hide the div with a Css display:none, and execute the following jquery code with the button:

jQuery(document).ready(function($) {
	
    $("#map-button").click(function(){
		
        $("#myDIV").slideToggle();
		
    });

});

2) It seems to be loading issue, so to make it work on the homepage (http://alllocal.ca/), I added the following code:

jQuery(document).ready(function($) {

	$.fx.speeds.xslow = 3000; 
	
	$("#map-search").fadeOut("xslow");

    $("#map-button").click(function(){
        $("#map-search").slideToggle();
		
    });

	
});
 

The map loads and then fades out. Then the user can click the button and the map is loaded properly.

3) I know this is not a good solution, is there anyway I can load the map properly when the button is toggled.

Thanks Julian.