title: jQuery - Dynamically slide up Div over an image when mouse over it
body: <p>I need to dynamically show a div over an image when mouse over. I need to do this for a lot of images so it needs to be dynamic. I looked at the code from <a href="http://www.foliostars.net/" rel="nofollow noreferrer">www.foliostars.net</a> :</p>
  <pre><code>jQuery.fn.masque = function(classe) {
  
  $(this).hover(function(){
  $(this).find(classe).stop().animate({height:'40px',opacity: '0.9'},400);
  },function () { 
  $(this).find(classe).stop().animate({height:'0',opacity: '0'}, 400);
  });
  }   
  $(document).ready(function(){$('.thumb h2').masque('.masque');}); 
  </code></pre>
  <p>There is a way to modify this for using a div instead of a header??
  There is maybe a better way to do it??</p>
  <p>Thanks!</p>