Question

I have make this script:

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

Now i have a problem. When i hover over the comment divs. And I hover a few times. That .links div is not showing anymore. The div is not fully open.

How can i fix that?

Answer 1

Try this

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

OR

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