title: How do I resize something with jQuery and CSS
body: <p>How do I change the size of a div when I push a button. I have it so far where when you push the button the side menu go away but how do I make the content one fill the rest of the container? </p>
  
  <p>Where is the code:</p>
  
  <pre><code>&lt;?php
  include 'lang/language.php';
  ?&gt;
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Home | Gmod &lt;/title&gt;
      &lt;link rel="stylesheet" href="styles/buttons.css"&gt;
      &lt;link rel="stylesheet" href="styles/main.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(document).ready(function(){
              $("#hide").click(function(){
                  $("#navbar").hide(1500);
              });
              $("#show").click(function(){
                  $("#navbar").show();
              });
          });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="container"&gt;
          &lt;div id="navbar"&gt;
              &lt;div class="logonav"&gt;
                  &lt;font size="6"&gt;&lt;a href="index.php"&gt;Gmod Tools&lt;/a&gt;&lt;/font&gt;
              &lt;/div&gt;
              &lt;div id="divider"&gt;
                  Main Menu
              &lt;/div&gt;
              &lt;a href="http://testingwebsite.comuv.com/" class="contentmenubutton"&gt;&lt;div id="hoverbar"&gt;&lt;/div&gt;&lt;div class="textnav"&gt;&lt;?php echo "$gmod_home"; ?&gt;&lt;/div&gt;&lt;/a&gt;
              &lt;a href="http://testingwebsite.comuv.com/about.php" class="contentmenubutton"&gt;&lt;div id="hoverbar"&gt;&lt;/div&gt;&lt;div class="textnav"&gt;&lt;?php echo "$gmod_about"; ?&gt;&lt;/div&gt;&lt;/a&gt;
              &lt;a href="http://testingwebsite.comuv.com/tools.php" class="contentmenubutton"&gt;&lt;div id="hoverbar"&gt;&lt;/div&gt;&lt;div class="textnav"&gt;&lt;?php echo "$gmod_tools"; ?&gt;&lt;/div&gt;&lt;/a&gt;
              &lt;a href="http://testingwebsite.comuv.com/tools/index.php" class="contentmenubutton"&gt;&lt;div id="hoverbar"&gt;&lt;/div&gt;&lt;div class="textnav"&gt;&lt;?php echo "$gmod_testing"; ?&gt;&lt;/div&gt;&lt;/a&gt;
              &lt;button id="hide"&gt;Hide&lt;/button&gt;
              &lt;button id="show"&gt;Show&lt;/button&gt;
          &lt;/div&gt;
          &lt;div id="content"&gt;          
          &lt;div id="footer"&gt;
               &lt;div class="copyrightnotice"&gt;
                  &amp;copy gmodtools.com, 2015. All right reserved.
               &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>