Текстовое шоу при наведении курсора

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>

Стили:

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

Если вам нужна дополнительная информация, lmk, спасибо.

Answer 1

вместо

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

попробовать

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

Answer 2

Ваш идентификатор на привязке "reslin", а не "reslink"

Попробуйте это:

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

Answer 3

Может быть, это просто опечатка: #reslink или #reslin?