title: Grid content with hover effect, can not close correctly
body: <p>I'm having an issue with my grid.</p>
  
  <p>In hover the thumbnail, I'm having some text which appear - works perfectly.</p>
  
  <p>On click, I have some content which appear in a div under the thumbnail - works fine.</p>
  
  <p>However, If i click to the the close button of that div content, the hover on overlay the thumbnail stopped to work.</p>
  
  <p>Would anybody have any solution to help me out ? It will be fantastic :)</p>
  
  <p>Thank you for your help and time :)</p>
  
  <p>Attach is me codepen where everything will be more clear :):</p>
  
  <p><a href="http://codepen.io/anon/pen/rxBmYa" rel="nofollow">http://codepen.io/anon/pen/rxBmYa</a></p>
  
  <p>Below is the jquery im using for the hover effect:</p>
  
  <pre><code>$('ul.thumbs li').on('click', function(e){
     $('ul.thumbs li').find('.description').css('opacity',0);
     $(e.target).css('opacity',1);
  });
  </code></pre>