Прототип - Как получить дочерние элементы в прототипе 1.6.0.3

Question

У меня есть список с различными продуктами, а также подробная информация о них. Детали скрыты по умолчанию. Я хотел бы знать, как я могу показать детали, вызывающие дочерние элементы списка при наведении курсора. Вот ссылка для проверки: http://jsfiddle.net/CXrb2/1/

HTML:

<div id="cart-sidebar">
    <li>Product 1 <div class="product-details">Productinfo 1</div></li>
    <li>Product 2 <div class="product-details">Productinfo 2</div></li>
    <li>Product 3 <div class="product-details">Productinfo 3</div></li>
</div>

Прототип:

$$('.product-details').each(
    function (e) {
        e.hide();
    }
);
$$('#cart-sidebar li').invoke('observe', 'mouseover', function(e) {        
    // any help would be great :)   
});

Answer 1

Одним из многих способов будет что-то вроде this :

$('cart-sidebar').select('li').each(function(el){
    $(el).observe('mouseover', function(){
        $(el).down('div').show();
    });
});