Jquery 下拉内容面板

【问题标题】：Jquery Drop down content panelJquery 下拉内容面板
【发布时间】：2012-06-26 08:38:50
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

你为什么首先使用 slideToggle？

【讨论】：

非常感谢！效果很好。我是 jquery 的新手，所以我是从别人的脚本中复制的 :)
@user1439038 很高兴我能帮上忙。你能接受这个答案是正确的吗

【解决方案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;
});

【讨论】：

欢迎您:)。就像 Mukesh 所说，检查正确答案是否已接受，以便其他可能处于相同情况的人快速获得解决方案。