javascript - jQuery .slide 和 .slideUp。没开

Question

我已经制作了这个脚本：

$("#comments .comment .links").hide();
$("#comments .comment").hover(
    function() { $(".links", this).stop(true).slideDown(300); },
    function() { $(".links", this).stop(true).slideUp(300); }
);

现在我有一个问题。当我将鼠标悬停在评论 div 上时。我徘徊了几次。.links div 不再显示。div 未完全打开。

我该如何解决？

Answer 1

试试这个

$("#comments .comment .links").hide();
$("#comments .comment").hover(
    function() { $(".links", this).not(":animated").slideDown(300); },
    function() { $(".links", this).not(":animated").slideUp(300); }
);

或者

$("#comments .comment .links").hide();
$("#comments .comment").hover(
    function() { 
                  $(".links", this).stop(true, true).slideToggle();
               }
);

Answer 2

稍加修改，你就有了。

$("#comments .comment .links").hide();
$("#comments .comment").hover(
    function() { $(".links", this).stop(true, true).slideDown(300); },
    function() { $(".links", this).stop(true, true).slideUp(300); }
);​