jquery - Jquery 下拉内容面板

Question

任何人都可以给我一些帮助吗？内容需要在悬停一秒钟后出现（我尝试使用 hoverIntent 但我无法让它工作）并且它需要保持打开状态，只有在单击按钮时才会关闭/向上滑动。

这是在 jfiddle http://jsfiddle.net/VDcL4/4/

Answer 1

您需要做的就是替换 slideToggle slideDown() -

 $(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;
});