Javascript 悬停显示Div

我有以下JavaScript（使用jQuery）

---

当我更改

时。单击（function（）

到

。将（function（）

）悬停在带有

class=“btnDesc”的链接上

显示div而不是单击它，但是，我想让它显示当你停止在链接上悬停时，div会一直保持，直到你单击一个隐藏按钮。有了它，一旦你停止在链接上悬停，div就会向上滑动。

你需要使用而不是

hover

，它会捕获鼠标移动的事件将鼠标悬停在链接上，但在鼠标离开链接时不绑定。

jquery中的悬停函数需要两个函数，即mouseover和mouseout函数…例如

    $(".btnDesc").hover(
        function() {
            // code to run when mouse hovers in
            $("#desc").show("slow");
            $(this).toggleClass("active");
        },
        function() {
            // code to run when mouse hovers out
            $("#desc").hide("slow");
            $(this).toggleClass("active");
        }
    );

这将在您悬停时显示desc元素，悬停时将其隐藏。如果您被卡住，此函数的jquery文档也非常好。

非常感谢。（一旦堆栈溢出允许，我将接受此答案…）这是不准确的，它可能需要两个函数，或者像他目前使用的那样只需要一个。文档概述了传递一个或两个函数：）

    $(".btnDesc").hover(
        function() {
            // code to run when mouse hovers in
            $("#desc").show("slow");
            $(this).toggleClass("active");
        },
        function() {
            // code to run when mouse hovers out
            $("#desc").hide("slow");
            $(this).toggleClass("active");
        }
    );