添加一个锚标签来列出项目使列表项消失？

Question

这是我在这里的第一个问题，非常抱歉，如果措辞不正确。 我想用jQuery制作一个弹出式手机导航菜单，但是当我将锚标签添加到我的列表项时，它们消失了。这里的HTML：

<nav> 
    <button id="nav-open">&#9776;</button> 
    <div id="menu"> 
     <button id="nav-close"> X </button> 
     <ul> 
      <li><a href="http://foo.com">Home</a></li> 
      <li>About</li> 
      <li>Events</li> 
      <li>Gallery</li> 
      <li>Booking</li> 
     </ul> 
    </div> 
</nav> 

这里是JS：

$("#nav-open").click(function(event){ 
    $("#menu").show(); 
    $(this).addClass("active"); 
    event.preventDefault(); 
}); 

$("#nav-close").click(function(event){ 
    $("#menu").hide(); 
    $(this).removeClass("active"); 
    event.preventDefault(); 
}); 

当用户点击导航＃打开移动设备上，它带来了弹出式菜单。 （当＃nav-close被点击时，反之亦然。）我试图添加锚标签到列表项，但无论什么原因，当我添加到＃菜单的链接时，文本完全消失。

有关如何解决此问题的任何想法？

这里是CSS：

#menu { 
    background: #000; 
    opacity: 0.95; 
    font-family: Arial Narrow; 
    text-transform: uppercase; 
    text-align: left; 
    font-weight: bold; 
    font-size: 30px; 
    margin-right: 5%; 
    height: 60px; 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 260px; 
    padding-bottom: 10px; 
    } 

Answer 1

你的问题是不与任何你posted-它在CSS代码。你有这样的风格：

nav a { 
    visibility: hidden; 
} 

不知道你为什么拥有它，但这绝对是原因。简单地删除这将解决您的问题。

更新：的CSS是在这个文件：http://omega.uta.edu/~slc1101/courses/ctec4350/semester-project/styles/styleKendall.css