title: Jquery: show/hide div on hover. Show on click
body: <p>Let's assume I have a div with a <code>.description</code> class.</p>
  
  <p>I would like <code>div.description</code> to be shown when user hovers over another div, with the <code>.image</code> class.</p>
  
  <p>However, when user clicks on <code>div.image</code>, I would like <code>div.description</code> to stay visible. So if user clicks on <code>.image</code>, the <code>mouseleave</code> event should not be applied.</p>
  
  <p>Lastly, when user clicks on the <code>.image</code> again, the hover function should be activated again. So that when mouse leaves <code>.image1</code>, <code>div.description</code> will be hidden again.</p>
  
  <p>Hope you guys can help me!</p>