Question

一开始我说，我的英语很糟糕，所以我很想知道，这里是否写作，以及你是否理解我。

我有以下jQuery脚本：

$(function() {
    $('#div1').hover(function() {
        $('#div1').css('display', 'block');
    }, function() {
        $('#div2').css('display', 'none');
  });
});

此脚本必须执行此操作： http://i.stack.imgur.com/RW7Lp.png

它确实:) 但是，当我从字符串“Stronagłówna”中取出光标时，第二个DIV消失了：（

我如何创造......这样的事情：

$(function() {
    $('#div1' + '#div2').hover(function() {
        $('#div1').css('display', 'block');
    }, function() {
        $('#div2').css('display', 'none');
  });
});

我对jQuery了解不多：（

请帮帮我，我希望，我写道它是可以理解的。

一目了然...... 当光标位于区域Div1和Div2：P

时，Div1和Div2必须显示Div2

我尝试创建一个简单的滑动菜单，但我必须使用Div，因为整个网站是用Divs编写的，而这个菜单（在图片上）已经在其他Div ...

这个带有此菜单的面板位于我的Tumblr上，所以你可以看到它：idolwszutrab7.tumblr.com如果有帮助，但我没有用这个脚本更新页面。

更新

我全部复制到：

http://jsfiddle.net/IdolwSzutrab7/Wq3YH/

我测试了它，它在这个网站上工作：）

Answer 1

这可能适用于你想要的东西

因为你想在div1和div2的悬停时显示div2

$('#div1 , #div2').hover(function() {
    $('#div2').css('display', 'block');
}, function() {
    $('#div2').css('display', 'none');
});

只要确保这两个div之间没有任何空间，将其悬停在第一个div之后，第二个div将在到达之前关闭。

其他选项是将这两个div与其他div包装为div3并将其悬停在div3上

像

<div id='div3'>
 <div id='div1'>

</div><div id='div2'>

</div>
</div>

JS

$('#div3').hover(function() {
    $('#div2').css('display', 'block');
}, function() {
    $('#div2').css('display', 'none');
});

第二种方式也有纯粹的CSS方式。的 CSS

#div3 #div2{ display:none; } #div3:hover #div2{ display:block; }

Answer 2

我明白了，要创建两个脚本：P

<script>
    $(function() {
        $('#div1').hover(function() {
            $('#div2').css('display', 'block');
        });

        $('#div2').hover(function() {
            $('#div2').css('display', 'block');
        }, function() {
            setTimeout(function() {
            $('#div2').css('display', 'none');
            }, 2000);
        });
    });
</script>

这是工作！

之后，我添加了动画和效果，所以现在它看起来不错，而且还有效。

如何使用两个...功能？在jQuery中通过两个DIV显示DIV

2 个答案: