Javascript 单击我的导航按钮时切换我的菜单

我试图实现的是，当我点击我的类菜单时，我的类导航会出现，当再次点击时，它会切换，使其不可见

HTML

为了利用Ronnie的评论，您可能应该使用jQuery的.toggleClass方法，但是您还需要更改访问的方式，因为一旦删除nav类，将不再使用$'ul.nav'找到它

尝试在下面我使用的navMenu中添加一个id属性，然后使用该属性选择。然后可以使用.toggleClassnav，如下所示：

HTML

---

编辑：这假设默认情况下不可见，可能是使用CSS，并且通过应用nav类，它是可见的。

google，切换类jquery，您会发现大量答案$'line'应该是$'。line'Yep，任何时候使用类，您都必须使用句点。只要是身份证，就用。太好了，谢谢你的提示。我才刚开始。Great@mrwienerdog-但仅适用于选择器。我们不希望他使用.toggleClass.nav切换类；

<div class="menu">
  <div class="line"></div>
</div>
<ul class="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Prices</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

$('line').click(function(){
    $('ul.nav').slideToggle();
})

    <div class="menu">
        <div class="line"></div>
    </div>

    <ul id="navMenu" class="nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Prices</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>

$(".line").click(function() {
    $("#navMenu").toggleClass("nav");
;})