在悬停时显示Div

Question

我有以下JavaScript（使用jQuery）

$(function() {

  $(".btnDesc").click(function() {
    $("#desc").slideToggle("slow");
    $(this).toggleClass("active");
  });

当我将.click(function()更改为.hover(function()时，正如预期的那样，将鼠标悬停在class="btnDesc"的链接上会显示div，而不是点击它，但是，我想让它在您显示时显示停止悬停在链接上，div保持不变直到您单击隐藏按钮。有了它我如何拥有它，一旦你停止悬停在链接上，div就会滑回来。

Answer 1

您需要使用mouseover而不是hover，它会捕获鼠标在链接上移动的事件，但在鼠标离开链接时不会绑定。

Answer 2

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文档也很好。