title: Google maps not displaying in full size as the container
body: <p>You can have a look here, please click on <code>BEKIJK TO SEE THE MAP</code> <a href="http://imiodrag.dyndns.org:8080/club023/ligging/" rel="nofollow">http://imiodrag.dyndns.org:8080/club023/ligging/</a> </p>
  
  <p>JS:</p>
  
  <pre><code> var myOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
       };
    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
  
  $('.show-map').click(function(){
      $('.ligging-ar').toggle();
      $('.to-hide').fadeToggle("fast",function(){
          $('#map_canvas').fadeToggle();
      });
  });
  </code></pre>
  
  <p>//LE</p>
  
  <pre><code>$('.show-map').click(function(){
      $('.ligging-ar').toggle();
      google.maps.event.trigger(map, "resize");
      $('.to-hide').fadeToggle("fast",function(){
          $('#map_canvas').fadeToggle();
      });
  </code></pre>