다른 div의 fadein을 활성화하기 위해 div에 마우스를 올리려고 시도했습니다.

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

visibility: hidden 대신 display: none을 사용하여 처음에 left_panel_hover을 숨겨야합니다.

this fiddle이 제대로 작동하지만 this fiddle은 아무런 효과가 없습니다. 차이점은 CSS에 left_panel_hover이 숨겨져있는 것입니다.