Prototyp - Wie man die Kind-Elemente in prototype 1.6.0.3

Ich habe eine Liste mit verschiedenen Produkten und die details von Ihnen. Die details sind standardmäßig ausgeblendet. Ich würde gerne wissen, wie ich zeigen kann, die details aufrufen der Kinder von der Liste Elemente auf hover. Hier ist ein link, um es zu testen: 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>

Prototyp:

$$('.product-details').each(
    function (e) {
        e.hide();
    }
);
$$('#cart-sidebar li').invoke('observe', 'mouseover', function(e) {        
    //any help would be great :)   
});
InformationsquelleAutor tecmec | 2011-11-14
  1. 6

    Nur eine von vielen Möglichkeiten wäre so etwas wie diese:

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