마우스 오버시 텍스트 표시가 있음

Question

배경 이미지가 사라져서 링크가있는 div에 텍스트가 나타납니다. 마우스 오버시 사라질 이미지가 있지만 텍스트를 표시 할 수 없습니다. 여기 내가 지금까지 얻은 것이 있습니다. 나는이 물건에 좀 새로운거야.

/* I'm have the image removed with the first line, then setting the link 
    as hidden then trying to make it visible, but the link never shows */ 

$('#res').mouseover(function(){ 
    $(this).removeClass('resume'); 
    $('#reslink').css(visibility,visible); 
}); 

HTML :

 <div id = "res" class = "floatleft squares resume"><a id = "reslin" class = "link" href="resume.php">link</a></div> 
    <div id = "pro" class = "floatleft squares projects"><a id = "prolin" class = "link" href="projects.php"></a></div> 
    <div id = "con" class = "floatleft squares contact"><a id = "conlin" class = "link" href="contact.php"></a></div> 
    <div id = "abo" class = "floatleft squares about"><a id = "abolin" class = "link" href="about.php"></a></a></div> 

스타일 : 더 이상 정보가 LMK, 필요한 경우

a{ 
display: block; 
background: grey; 
height: 100%; 
width: 100%; 
visibility: hidden; 
} 

, 감사합니다.

Answer 1

대신

$('#reslink').css(visibility,visible) 

의 시도

$('#reslin').css('visibility','visible') 

Answer 2

아마도 오타 일 수도 있습니다. #reslink 또는 #reslin?

Answer 3

앵커에 대한 귀하의 ID는 "reslin"없습니다 "reslink"

이 시도입니다 다음에 대한

$('#reslin').css("visibility", "visible"); 
or 
$('#reslin').css("display", "block");