Jquery to prototype преобразовать: динамически Slideup div на Mouseover ⇐ Jquery

[Anonymous]

Я использую этот код jQuery для динамического перемещения элемента div по его обертке:

Код: Выделить всё

jQuery.fn.masque = function(classSelector) {
$(this).hover(function(){
$(this).find(classSelector).stop().animate({height:'88px',opacity: '0.8'},400);
},function () {
$(this).find(classSelector).stop().animate({height:'0',opacity: '0'}, 300);
});
};

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

HTML выглядит следующим образом:

Код: Выделить всё

[url=something.html]
[img]something.jpg[/img]
[/url]

Something
Something e

Div "masque" (CSS: height: 0; display: none; Position: Absolute;) перемещается вверх внутри div-обертки "thumb" (CSS: Position: относительный;).
У меня на одной странице много элементов div «thumb», поэтому мне нужно, чтобы это делалось динамически, чтобы только элемент div «masque» внутри этого конкретного «thumb» сдвигался вверх. (и скатился вниз когда указатель мыши не наведен).
Я перешел с jQuery на Prototype/Scriptaculous для этого конкретного проекта, и мне нужно преобразовать этот код в Prototype/Scriptaculous.
Примечание. Он не обязательно должен быть в точности равен коду jQuery, мне просто нужен тот же стиль поведения.

Подробнее здесь: https://stackoverflow.com/questions/909 ... -mouseover