title: Google Maps and jQuery Tabs
body: <p>I have slight problem with Google maps included in simple jQuery Tabs.</p>
  
  <p>Below I pasted the code:</p>
  
  <p>jQuery: </p>
  
  <pre><code>$(document).ready(function() {
  
      //Default Action
      $(".tab_content").hide();
      $("ul.tabs li:first").addClass("active").show(); 
      $(".tab_content:first").show(); 
  
      //On Click Event
      $("ul.tabs li").click(function() {
          $("ul.tabs li").removeClass("active");
          $(this).addClass("active"); 
          $(".tab_content").hide(); 
          var activeTab = $(this).find("a").attr("href"); 
          $(activeTab).fadeIn();
          return false;
      });
  
  });
  </code></pre>
  
  <p>Here is the HTML for the tabs:</p>
  
  <pre><code>&lt;div class="bluecontainer"&gt;
      &lt;ul class="tabs"&gt;
          &lt;li&gt;&lt;a href="#tab1"&gt;Tab1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab2"&gt;Tab2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab3"&gt;Tab3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab4"&gt;Tab4&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div class="tab_container"&gt;
          &lt;div id="tab1" class="tab_content"&gt;
              &lt;h2&gt;Tab1&lt;/h2&gt;
          &lt;/div&gt;
          &lt;div id="tab2" class="tab_content"&gt;
              &lt;h2&gt;Tab2&lt;/h2&gt;
          &lt;/div&gt;
          &lt;div id="tab3" class="tab_content"&gt;
              &lt;div&gt;
                  google Map
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="tab4" class="tab_content"&gt;
              &lt;h2&gt;Tab4&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I really don't know what to do to. Is that a general problem with google maps or there is something with my tabs? But they are working just fine with everything else.</p>
  
  <p>Thank you for your help in advance</p>