jQuery - динамически скользит вверх Div над изображением, когда на нем наведен курсор

Question

Мне нужно динамически показывать div над изображением при наведении курсора мыши. Мне нужно сделать это для большого количества изображений, поэтому оно должно быть динамичным. Я посмотрел код от www.foliostars.net :

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');}); 

Есть способ изменить это для использования div вместо заголовка ?? Может быть, есть лучший способ сделать это?

Спасибо!

Answer 1

Конечно. Дайте своим дивам класс "slider":

$(document).ready(function(){$('div.slider').masque('.masque');});