title: jQuery Show/Hide on Hover // Show on Click
body: <p>I have a question related to this one:</p>
  
  <p><a href="https://stackoverflow.com/questions/27403146/jquery-hover-show-hide">jQuery hover (show-hide)</a></p>
  
  <p>However, in his fiddle, </p>
  
  <p><a href="http://jsfiddle.net/Q5cRU/27/" rel="nofollow noreferrer">http://jsfiddle.net/Q5cRU/27/</a></p>
  
  <p>He has two divs</p>
  
  <pre><code>&lt;div id="rectangle"&gt;&lt;/div&gt;
  &lt;div class="rectangle1"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>They are similar, but different colored</p>
  
  <pre><code>      rectangle {
        width: 140px; 
        height: 80px;
        background: #037CA9;
        margin-bottom:10px;
  }
  
        .rectangle1 {
        width: 140px; 
        height: 150px;
        background: #37CA90;
  }
  </code></pre>
  
  <p>How would he be able to click the dark blue rectangle to make the light blue rectangle stay?</p>
  
  <p>If you load the fiddle, all the code is there.</p>