jquery - Jquery ドロップダウン コンテンツ パネル

Question

誰か助けてくれませんか？コンテンツは、1 秒以上ホバリングした後に表示される必要があり (hoverIntent を使用してみましたが、機能しませんでした)、開いたままにして、ボタンをクリックしたときに閉じたりスライドしたりするだけである必要があります。

ここでは、jfiddle http://jsfiddle.net/VDcL4/4/にあります。

Answer 1

あなたがする必要があるのは、slideToggleslideDown() を置き換えることだけです -

 $(document).ready(function() {
    $(".btn-slide").hover(function() {
        $('#panel').slideDown(1000);
        $(this).addClass("active");
        return false;
    });
});​

そもそもなぜslideToggleを使ったのですか?

Answer 2

このような？

jsfiddle

$(".btn-slide").on('mouseenter click', function(e) {
    switch(e.type) {
        case 'mouseenter':
            $("#panel").stop().slideDown("slow");
            break;
        case 'click':
            $("#panel").stop().slideUp("slow");
            break;
    }
    return false;
});