title: Show/Hide Div by clicking another div
body: <p>I am a beginner at javascript and I wrote a simple code trying to show/hide a div simply by clicking on another div. If someone can check the code I wrote and correct me I would be really grateful. Thanks in advance.</p>
  
  <pre><code>$('DivBlue').ready(function() {
      $('DivRed').on('click', function(){
          document.getElementById('DivBlue').style.display = 'block';
      });
  });
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>.DivRed{
    position:absolute;
    top:0;
    left:0;
    width:15vw;
    height:15vw;
    background-color:red;
  }
  
  .DivBlue{
    position:absolute;
    display:none;
    right:0;
    bottom:0;
    width:15vw;
    height:15vw;
    background-color:blue;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="DivRed"&gt;&lt;/div&gt;
  &lt;div class="DivBlue"&gt;&lt;/div&gt;
  </code></pre>