javascript - 在 div 之间移动时保持 div 在悬停时打开（使用 jQuery）

Question

谢谢阅读。

目前，以下是我的代码：

<script>
$(document).ready(function(){
    $('.withdraw_money').hover(function(){
        if ($("#withdraw_money_div").is(":hidden")){
            $("#withdraw_money_div").slideDown("slow")
        }else{
            $("#withdraw_money_div").hide()
        }
    });
});
</script>   

好的。所以，当另一个 div(.withdraw_money) 处于悬停状态时，我可以让 div(#withdraw_money_div) 向下滑动。但我现在的问题是，当我将鼠标移到#withdraw_money_div 时，如何让 div 继续保持悬停状态？

我似乎无法找到一种方法来做到这一点。任何帮助表示赞赏

Answer 1

在您的 HTML 中放入#withdraw_money_div，'.withdraw_money'制作一个孩子，因此您仍将处于.withdraw_money悬停事件中

还..

$(document).ready(function(){
$('.withdraw_money').hover(function(){
    if ($("#withdraw_money_div").is(":hidden")){
        $("#withdraw_money_div").slideDown("slow")
    }else{                            // why is this here?
     $("#withdraw_money_div").hide() //if div isn't hidden(shown) you're hiding it!!
    }
  });
});

我建议.mouseOver或.hover使用 2 个功能，它将涵盖鼠标悬停和当您将鼠标悬停在 div 之外时的功能-我认为这就是您在 else 语句中所提到的

Answer 2

工作演示试试这个http://jsfiddle.net/YuBNT/

希望它适合原因:)

代码

  $(document).ready(function() {
        $("#withdraw_money_div").hide();
        $('.withdraw_money').hover(function() {
            $("#withdraw_money_div").slideDown("slow")


        }, function() {
            $("#withdraw_money_div").slideUp("slow")

        });
    });​