Javascript 向列表项添加锚定标记以使列表项消失？

这是我在这里的第一个问题，如果措辞不正确，请道歉。 我试图用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>

当用户单击移动设备上的#nav open时，会弹出菜单。（当单击#nav close时，反之亦然）我试图将锚定标记添加到列表项中，但无论出于什么原因，当我 添加到#menu's li's的链接，文本将完全消失

有没有办法解决这个问题

以下是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;
  }

---

你的问题不在于你发布的任何代码，而在于CSS。您已声明此样式：

nav a {
   visibility: hidden;
}

我不知道你为什么会这样，但这绝对是原因。只需删除此项即可解决您的问题

---

更新：CSS在这个文件中：

你的问题不在于你发布的任何代码，而在于CSS中。您已声明此样式：

nav a {
   visibility: hidden;
}

我不知道你为什么会这样，但这绝对是原因。只需删除此项即可解决您的问题

---

更新：CSS在这个文件中：

如果你发布的是非工作代码，而不是工作代码，那会很有帮助吗？就像@adeneo所说的-如果你向我们展示什么是工作的，我们就帮不了你。我们需要看看什么不起作用，以帮助您确定您没有任何样式锚定的CSS，因此文本消失。问题不在于您刚刚发布的代码，它工作正常。导致错误的原因必须在别处。你的代码有多大？很抱歉。编辑它以显示问题。这里有一个指向JSBin的链接，可能也会有所帮助。如果你发布的是非工作代码，而不是工作代码，这会很有帮助吗？就像@adeneo所说的——如果你向我们展示什么是工作代码，我们就帮不了你。我们需要看看什么不起作用，以帮助您确定您没有任何样式锚定的CSS，因此文本消失。问题不在于您刚刚发布的代码，它工作正常。导致错误的原因必须在别处。你的代码有多大？很抱歉。编辑它以显示问题。这里有一个指向JSBin的链接，可能也会有所帮助。我知道这将是一个简单的修复！非常感谢你。问题解决了。我知道这将是一个简单的解决办法！非常感谢你。问题解决了。