URL 페이드 인/아웃

Question

Div에 커서를 놓으면 URL을 페이드 인/아웃하고 싶습니다. 나는 바이올린으로 간단한 예제를 만들었습니다 http://jsfiddle.net/7Ppbm/60/.

$('.lnkDiv:visible').fadeOut(); 
var timer; 

$('.contDiv:visible').on({ 
     mouseover: function() { 
      clearTimeout(timer); 
      $('.lnkDiv:visible').fadeIn(); 
     }, 
     mouseout : function() { 
      timer = setTimeout(function() { 
       $('.lnkDiv:visible').fadeOut(); 
      }, 100); 
     } 
    }); 

내가 뭘 잘못하고있어?

Answer 1

어떻게 하시겠습니까? http://jsfiddle.net/daKGN/1/

$('.lnkDiv:visible').fadeOut(); 
var timer; 

$('.contDiv:visible').on({ 
     mouseover: function() { 
     clearTimeout(timer); 
     $('.lnkDiv').fadeIn(); 
    }, 
    mouseout : function() { 
     timer = setTimeout(function() { 
      $('.lnkDiv').fadeOut(); 
     }, 100); 
    } 
}); 

<img> 태그 <img />로 작성해야

하지 <img></img>. 또한 에는 <a>이 숨겨져있을 때 높이가 없었으며 <a>이 숨겨져 있어도 jQuery 선택기에 모두 :visible이 포함되어있었습니다.