试图在div上鼠标悬停以激活另一个div的fadein

Question

我试图让一个特定的div淡入（left_panel_fade），只要鼠标位于名为left_panel的div上，就会保持可见状态。

当我使用此代码时，当鼠标悬停在left_panel上时没有任何反应：

      $("#left_panel").mouseover(function() {$("#left_panel_hover").fadeIn("slow");});
      $("#left_panel").mouseout(function() {$("#left_panel_hover").fadeOut("slow");});

这段代码对我有用，但不会褪色：

$("#left_panel").mouseover(function(){$("#left_panel_hover").css('visibility','visible'); });
$("#left_panel").mouseout(function() {$("#left_panel_hover").css('visibility','hidden'); });

为什么我的第一个代码不起作用？我正确使用fadeIn / fadeOut吗？ 我尝试将mouseover和mouseout更改为mouseenter和mouseleave，但没有结果。

Answer 1

您最初需要使用left_panel_hover代替display: none来隐藏visibility: hidden。

请注意this fiddle工作正常，但this fiddle什么都不做 - 唯一的区别就是left_panel_hover隐藏在CSS中。