jquery - 在悬停时显示 div 并使用 jQuery 启用内容选择

Question

我正在使用hoverIntent.jsjQuery 插件来启用div我已成功实现的悬停时可见。

我现在要解决的问题是启用现在可见div的项目中的项目。我想我想将这个悬停的意图传递给这个 now visible div。这可能吗？我将如何去做？

这是我在 jsFiddle 上的问题的一个例子

更新

这是问题的更新 - 基本上有一个以上的 div 并排浮动，启动了一个单独的隐藏 div。

Answer 1

如果您将元素嵌套在其中，inner-block您将获得所需的效果

<div class="block">    
    <div class="inner-block">
        <h1>Button</h1>
        <div id="hide">
            <h2>Blah</h2>
            <h2>Blah</h2>
            <h2>Blah</h2>
        </div>
    </div>    
</div>

---

$(document).ready(function() {
    $("#hide").hide();
    $(".inner-block").hoverIntent({
        over: show,
        timeout: 100,
        out: hide
    });

});

function show() {
    $("#hide").show("fast");
};

function hide() {
    $("#hide").hide("slow");
};

http://jsfiddle.net/taJmz/4/