悬停Div显示隐藏的Div - 原型

时间:2010-05-05 23:50:27

标签: prototypejs

我按以下方式设置了三个div:

<div class="outer-div">
<div class="inner1"></div>
<div class="inner2" style="display:none;"></div>
</div>

我通过内联样式隐藏了第二个内部div。我想要完成的是,当外部div,或基本上任何内容都悬停在那时,内部2将会出现。

我对Prototype并不感兴趣,并且在试图让我的头脑周围度过了一段可怕的时光。缺少jQuery,但这次只需要Prototype。

提前感谢您的帮助!!

2 个答案:

答案 0 :(得分:0)

尝试类似:

$("outer-div").observe('mouseover', function() {
    $('inner2').setStyle({ display: 'block' });
});

答案 1 :(得分:0)

与其他答案没有太大区别,但我只是使用inner1类来观察事物。

$$('.inner1').each(function(item){
    item.observe('mouseover', function(evt){
        evt.target.siblings()[0].show();
    });
});