鼠标悬停留言时，postbutton fadein，但鼠标悬停时淡出

Question

我希望我的“发布评论”按钮在鼠标悬停评论字段时淡入，但是当您单击“发布”按钮时，它会淡出，因为鼠标不再位于评论字段上方。例如：

$('#comment_field').mouseover(function(){
    $('#post_comment').fadeIn(300);
}).mouseleave(function(){
    $('#post_comment').fadeOut(300);
});

post_comment元素绝对位于comment_field元素上。所以我试图用这个来解决这个问题：

$('#post_comment').mouseover(function(){
            $('#post_comment').show();
        }

但是当我这样做的时候，javascript会把床踢掉。有什么想法吗？

Answer 1

你可以试试这个。

 $('#comment_field').hover(function(){
    $('#post_comment').slideToggle(300);
}, function(){
    $('#post_comment').slideToggle(300);
});

我希望。它会起作用。