hoverintent - ドロップダウン パネルの HoverIntent または遅延

Question

以前はこれで助けがありましたが、ユーザーが Web ページ上でマウスをスワイプしたときにボタンが下にスライドし続けないように、ボタンの上にカーソルを置いたときにボタンに遅延を追加する必要があります。

私はjsfiddleで行っている例を持っています

私はこのような専門家ではないので、どんな助けでも大歓迎です。

Answer 1

これを試して：

$(".btn-slide").on('mouseover', function(e) {
            switch(e.type) {
                case 'mouseover':
                    $("#panel").delay(900).slideDown("slow");
                    break;
                    }
            return false;
        });    

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

「900」は、自分に適したものに変更できます。

hoverintent プラグインを使用することもできます: http://cherne.net/brian/resources/jquery.hoverIntent.html