jQuery:悬停时 SlideUp，单击时保持打开

Question

我有一个产品的功能列表。我想执行以下操作:

1. 悬停时，slideToggle
2. 如果用户在鼠标悬停时点击元素，则保持打开状态，直到用户将鼠标悬停在另一个元素上或点击另一个元素

这可能吗？到目前为止，我的点击打开/关闭工作正常，但是当我尝试添加悬停状态时，一切都出错了。这是一个带有基本设置的 jsFiddle: jsFiddle Link

HTML:

<p id="deadline-management" style="text-align: center;">Deadline Management »</p>
<p id="workflow-management" style="text-align: center;">Workflow Management »</p>
<div id="deadline-management-full" class="full-text">
     <h3 style="text-align: center;">DEADLINE MANAGEMENT</h3>

    <p class="p1">We know what deadlines mean and we know how bad life is when you miss one.</p>
    <div id="workflow-management-full" class="full-text">
         <h3 style="text-align: center;">WORKFLOW MANAGEMENT</h3>

        <p class="p1">We live in a world where there is always more to do than time to do it. Some things can wait, others can wait longer.</p>
    </div>

CSS:

.full-text {
    display: none;
}

jQuery:

$("#deadline-management").click(function () {
    $("#deadline-management-full").slideToggle();
})
$("#workflow-management").click(function () {
    $("#workflow-management-full").slideToggle();
})

提前致谢!

Answer 1

jQuery 有一个

.hover() 

函数；这就是您要找的吗？

新的 JSFiddle:http://jsfiddle.net/M5pes/3/

如果您想要在点击和悬停时真正特定的行为，您可以使用 bool 变量来确定在什么时间触发哪些事件。小例子:

http://jsfiddle.net/M5pes/4/

Deadline Management 内容如果已被点击，则不会在悬停时滑动。