title: Expand/shrink div on click
body: <p>i've been practicing some expand/shrink on click html/css/jquery, but some reason, it isnt working. I know there are some out there but i've tried them out, none is working with my code.</p>
  
  <p>PS: for now im trying to expand one</p>
  
  <p>My objective:</p>
  
  <p>Using 4 div squares, all are clickable (like a menu), when a user clicks, it expands for a full page and load content (it can be external html or same code on the index.html page), and of course, have a "close" icon/image on the corner.</p>
  
  <p>From the position the square is, i want it to expand to full page, with some basic width/height transition, with a bit fade out (kinda material design).</p>
  
  <p>What's wrong with my code? </p>
  
  <p><strong>HTML</strong> </p>
  
  <pre><code>&lt;div class="content"&gt;
      &lt;div id="menu1"&gt;
          &lt;!-- quadrado 1 --&gt;
      &lt;/div&gt;
  
      &lt;div id="menu2"&gt;
          &lt;!-- quadrado 2 --&gt;
      &lt;/div&gt;
      &lt;br/&gt;
      &lt;div id="menu3"&gt;
          &lt;!-- quadrado 3 --&gt;
      &lt;/div&gt;
  
      &lt;div id="menu4"&gt;
          &lt;!-- quadrado 4 --&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.content{
      display: inline;
      width: 400px; 
      height: 200px;
      margin: 0 auto;
  }
  
  #menu1.fullscreen{
      z-index: 9; 
      width: 100%; 
      height: 100%; 
      position: fixed; 
      background-color: #131313; 
  }
  
  #menu1, #menu2, #menu3, #menu4{display: inline-block; width:200px; height:200px;}
  
  #menu1{background: red;}
  #menu2{background: green;}
  #menu3{background: blue;}
  #menu4{background: orange;}
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(window).scroll(function(){
      $(".content").click(function(e){
          $("#menu1").toggleClass('fullscreen'); 
      });
  });
  </code></pre>
  
  <p><strong>Fiddle:</strong> <a href="http://jsfiddle.net/a7nzy6w6/6/" rel="nofollow">http://jsfiddle.net/a7nzy6w6/6/</a></p>