添加一個錨標籤來列出項目使列表項消失？

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