0

hoverIntent.jsjQueryプラグインを使用して、divホバー時に表示できるようにしていますが、これはうまく達成できました。

私が今解決しようとしている問題は、この現在表示divされているアイテムを選択できるようにすることです。このホバリングされたインテントを、現在表示されているこの に渡したいと思いますdiv。これは可能ですか、どうすればこれを行うことができますか?

これはjsFiddleでの私の問題の例です

アップデート

問題の更新は次のとおりです。基本的に、複数の div が互いに横に浮かんでいて、別の非表示の div を起動しています。

4

1 に答える 1

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/

于 2011-03-02T16:25:53.510 に答える