プロトタイプ - プロトタイプ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(); 
    }); 
});