我有一个包含不同产品及其详细信息的列表。这些详细信息默认情况下是隐藏的。我想知道如何在鼠标悬停时调用列表元素的子元素来显示详细信息。这里是一个测试链接: 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 :)
});