當mouseover評論框中postbutton淡入淡出，但在mouseover postbutton時淡出

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); 
}); 

我希望。它會起作用。