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